效果展示:
代码展示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
div.parent {
width: 200px;
height: 200px;
margin: 100px auto;
background-color: hotpink;
text-align: center;
}
span.content {
font-size: 100px;
position: relative;
}
span:after {
content: "王";
position: absolute;
overflow: hidden;
width: 50%;
top: 0;
left: 0;
color: red;
}
</style>
</head&