css文本修饰text-decoration的使用

在 HTML 中，可以使用 s 标签、u 标签来实现文字的划线效果，但是为了保证结构与样式分离的原则，一般使用 CSS 来实现样式，提高代码的可读性和可维护性；

1、超链接默认带下划线，可以用text-decoration：none来清除超链接的下划线。

2、下划线常用于文章的重点标明，中划线用于促销时划掉原价，上划线基本没有应用场景。

实例

    
        
        
        
        
        
            div{
                width: 200px;
            }
            .p1{
                text-decoration: underline;
            }
            .p2{
                text-decoration: line-through;
            }
            .p3{
                text-decoration: overline;
            }
        
    
    
        

            
下划线
            
中划线
            
上划线
        
    

以上就是css文本修饰text-decoration的使用，希望对大家有所帮助。更多css学习指路：css教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。