css怎么给删除线设置颜色
时间:2021-04-15 来源:互联网
今天PHP爱好者给大家带来方法:首先在父标签p中嵌入包含文本的span标签;然后在父标签p中添加删除线样式,并使用color属性设置文本和删除线的颜色;最后在span标签中使用color属性重新设置文本颜色即可。希望对大家有所帮助。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中,可以属性text-decoration属性添加文本文字的删除线效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>
效果图:
那么如何给删除线设置颜色?下面来看看示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>
效果图:
这样我们结合text-decoration:line-through;
和样式定义文本字体颜色的样式,就可以实现css中删除线与文字颜色不一的样式效果,是不是很简单!
以上就是css怎么给删除线设置颜色的详细内容,更多请关注php爱好者其它相关文章!
-
阴阳师神乐皮肤碧鸾空青秘藏明日上线-可专属金赏池获得 2025-09-09
-
无限暖暖家园玩法-家园系统家园手册怎么用 2025-09-09
-
想知道偷天是什么梗吗?揭秘网络热词偷天的爆火真相,快来看看吧! 2025-09-09
-
失控进化初期怎么玩最好-失控进化新手开荒流程 2025-09-09
-
发条总动员百人挑战赛进行中-通关主线关卡瓜分钻石奖金 2025-09-09
-
地下城堡4射手怎么选最好-地下城堡4射手推荐 2025-09-09