css 修改文字基准线_css如何添加删除线？css text-decoration属性设置删除线（代码实例）...

css如何添加删除线？在之前的文章【html如何给文本文字添加删除线？两种方法添加删除线(实例)】中我们已经介绍了两种html标签t添加删除线的方法，本章就给大家介绍用css text-decoration属性为文本文字添加删除线效果，用css如何设置删除线样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

首先我们了解css text-decoration属性，下面就简单介绍一下：

text-decoration 属性规定添加到文本的修饰。

说明：

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

那么如何使用css text-decoration属性添加文本文字的删除线效果，下面我们通过简单的代码示例，为大家详细解说关于css删除线的实现方法！

css添加文本文字的删除线

text-decoration:line-through;

}

这里有一条删除线

效果图：

说明：

line-through属性值：定义穿过文本下的一条线。

通过例子可以看出，通过设置text-decoration:line-through;为

标签里的文本文字添加了删除线，方法简单、方便。且可以通过css设置简单修饰删除线样式，比如：颜色，例：

css添加文本文字的删除线

text-decoration:line-through;

color: red;

}

span{

color: black;

}

这里有一条删除线

效果图：

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

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS视频教程！

相关推荐：php公益培训视频教程

css 修改文字基准线_css如何添加删除线？css text-decoration属性设置删除线（代码实例）...相关推荐

css 修改文字基准线_css外部样式表怎么写
外部css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以".css"为扩展名,在<head>内(不是在<style>标签 ...
css 修改文字基准线_HTML4/HTML5 用CSS或style属性修改 hr 实线虚线点线双实线样式 ... ......
HTML4/HTML5 用CSS或style属性修改实线虚线点线双实线样式 HTML 是 Hyper Text Markup Language 的英文缩写,中文称为超文本标记语言.HTML 是 ...
css设置文本斜体代码实例
分享一个简单的代码片段,它实现了利用css设置文本斜体效果. 代码实例如下: 1 < i >蚂蚁部落</ i > 原文发布时间为:2017-4-12 本文作者:admin 本文 ...
css字体倾斜角度_css如何实现渐变效果？css背景色渐变与文字渐变效果的实现（代码实例）...
在前端网页开发的时候,往往会用到一些渐变色的效果,这样可以使得前端页面更加美观.那么这些渐变效果是如何用css代码实现出来的?本章就给大家带来css如何实现渐变效果?css背景色渐变与文字渐变效果的实 ...
JQuery 设置删除属性设置删除class 设置删除css
1.设置删除属性 $('#img').attr("src", "./images/img1.jpg"); $('#img').removeAttr(" ...
php绘制一个三角形,如何利用css或html5画出一个三角形？两种不同的制作三角形方法（代码实例）...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
h5画三角形_如何利用css或html5画出一个三角形？两种不同的制作三角形方法（代码实例）...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
双线macd指标参数最佳设置_mt5怎么添加双线macd?mt5中macd怎么设置快慢线?
在mt4平台中怎么添加双线macd指标的设置要求是这样的将MACD的快速EMA参数设定为8,将慢速EMA参数设定.打开mt4,菜单栏选择,数据文件夹--mql4---indicator,将技术指标 ...
css 修改三角形大小_css实现三角形
最近的一个项目页面中,有很多三角形icon,在不考虑IE兼容性下,使用了css实现三角形,记录一下代码. 1.实心三角形,利用transparent实现 (1)设置线条宽50px,div 宽高0 .t ...
css 修改三角形大小_css三角形
CSS测试 *{ border:0; margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-b ...

css 修改文字基准线_css如何添加删除线？css text-decoration属性设置删除线（代码实例）...

css 修改文字基准线_css如何添加删除线？css text-decoration属性设置删除线（代码实例）...相关推荐

最新文章

热门文章