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爱好者其它相关文章!
-
鸣潮2.3版本手机配置要求-鸣潮2.3版本配置官方推荐 2025-07-22
-
如鸢陆逊命盘怎么搭配-如鸢陆逊命盘词条推荐 2025-07-22
-
POPCAT是什么币种?POPCAT币怎么样? 2025-07-22
-
明日之后皇家骑士要多少钱-皇家骑士获取价格详解 2025-07-22
-
如鸢虞翻有什么技能-如鸢新角色虞翻技能 2025-07-22
-
决胜巅峰英雄古树技能是什么-古树技能前瞻 2025-07-22