css3中中划线如何设置

CSS3中，我们可以使用text-decoration属性来为文字添加中划线。具体来说，text-decoration可以设定如下值：

text-decoration: none;
     /* 默认值，不设置任何装饰 */text-decoration: underline;
     /* 下划线 */text-decoration: overline;
     /* 上划线 */text-decoration: line-through;
     /* 中划线 */text-decoration: blink;
     /* 闪烁线 */text-decoration: inherit;
     /* 继承父元素的 textDecoration 值 */

要设置中划线，我们只需要将text-decoration的属性值设置为line-through即可：

text-decoration: line-through;
    

当然，我们也可以通过缩写方式来设置text-decoration属性：

text-decoration: none solid rgb(0, 0, 0);
     /* 不设置任何装饰 */text-decoration: underline dotted rgb(0, 0, 0);
     /* 下划线+点状虚线 */text-decoration: overline double rgb(0, 0, 0);
     /* 上划线+双划线 */text-decoration: line-through wavy rgb(0, 0, 0);
 /* 中划线+波浪线 */

需要注意的是，text-decoration属性不仅仅可以应用于文本，还可以应用于链接的装饰。比如：

a {
    text-decoration: none;
 /* 去掉链接下划线 */}
a:hover {
    text-decoration: underline;
 /* 鼠标悬浮时出现下划线 */}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！