![]()
<html>
<head>
<style>
span:before {
content: "人生如戏--";
color: red
}
span:after {
content: "--全靠演技";
color: pink
}
</style>
</head>
<body>
<span>问世间情为何物</span>
</body>
</html>
本文通过一个具体的HTML示例,展示了如何使用CSS伪元素:before和:after来为文本添加前后缀,实现对span标签内文字的修饰效果。通过设置不同的颜色,增加了视觉上的层次感。
![]()
<html>
<head>
<style>
span:before {
content: "人生如戏--";
color: red
}
span:after {
content: "--全靠演技";
color: pink
}
</style>
</head>
<body>
<span>问世间情为何物</span>
</body>
</html>
4951

被折叠的 条评论
为什么被折叠?