css文本修饰text-decoration的使用

2026-01-23 0 91,674

在 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电脑。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:以上部本文内容由互联网用户自发贡献,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。投诉邮箱:3758217903@qq.com

ZhiUp资源网 web开发 css文本修饰text-decoration的使用 https://www.zhiup.top/10279.html

相关