css文本修饰text-decoration怎么用

这篇文章主要介绍了css文本修饰text-decoration怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联10多年成都定制网站服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,成都定制网站及推广,对会所设计等多个行业拥有丰富建站经验的网站建设公司。

在 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怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!