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


网站栏目:css文本修饰text-decoration怎么用
本文路径:http://scyanting.com/article/ihpsii.html