image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>空心字</title>
</head>
<body style="background-color:#fff">
<style>
.font-container {
position: relative;
}
.font-container-border {
position: absolute;
left: 0;
top: 0;
z-index: -1;
-webkit-text-stroke: red 3px;
}
.font-container-text{
z-index: 1;
color:#fff;
}
</style>
<span class="font-container">
<span class="font-container-border">这里是空心字</span>
<span class="font-container-text">这里是空心字</span>
</span>
</body>
</html>
网友评论