css删除线代码怎么写-成都快上网建站

css删除线代码怎么写

这篇文章主要讲解了“css删除线代码怎么写”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css删除线代码怎么写”吧!

创新互联公司,为您提供网站建设重庆网站制作、网站营销推广、网站开发设计,对服务成都资质代办等多个行业拥有丰富的网站建设及推广经验。创新互联公司网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏心悦目的作品。 与客户共同发展进步,是我们永远的责任!

css删除线代码是“文本元素{text-decoration:line-through;}”。css text-decoration属性用于规定添加到文本的修饰,例如下划线、上划线、删除线等;当该属性的值设置为“line-through”时,可定义穿过文本的一条线,即实现删除线效果。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中,可以利用text-decoration属性来实现删除线效果,实现代码为:

文本元素{text-decoration:line-through;}

text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。

描述
none默认。定义标准的文本。
underline定义文本下的一条线。
overline定义文本上的一条线。
line-through定义穿过文本下的一条线。
blink定义闪烁的文本。

说明:

这个属性允许对文本设置某种效果,如加删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

代码示例:



	
		
		css添加文本文字的删除线
		
	
	
		

这里有一条删除线

css删除线代码怎么写

通过例子可以看出,通过设置text-decoration:line-through;为p元素里的文本文字添加了删除线,方法简单、方便。且可以通过css设置简单修饰删除线样式,比如:颜色,例:



	
		
		css添加文本文字的删除线
		
	
	
		

这里有一条删除线

css删除线代码怎么写

这样我们结合text-decoration:line-through样式定义文本字体颜色的样式,就可以实现css中删除线与文字颜色不一的样式效果,是不是很简单。

感谢各位的阅读,以上就是“css删除线代码怎么写”的内容了,经过本文的学习后,相信大家对css删除线代码怎么写这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


新闻标题:css删除线代码怎么写
当前URL:http://kswjz.com/article/igepeh.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流