css页面文本线条装饰

最新推荐文章于 2024-05-24 19:40:36 发布

草下非

最新推荐文章于 2024-05-24 19:40:36 发布

阅读量350

点赞数

文章标签： css 前端 servlet

本文链接：https://blog.csdn.net/weixin_64824875/article/details/126961476

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本装饰</title>
<!--    text-decoration 文本修饰-->
<!--    none:默认，无下划线
        underline:定义下划线效果，也是a链接自带的央视效果
        overline：定义上划线效果
        line-through：定义删除线效果-->
<!--    (1)设置装饰线条颜色:text-decoration-color   -->
<!--        例如：text-decoration-color：red;     -->
<!--    (2)设置装饰线条类型：text-decoration-style  -->
<!--        例如：text-decoration-style：double；  -->
<!--        solid：实线
            double：双线
            dotted：点状线条
            dashed：虚线
            wavy:波浪线    -->

    <style type="text/css">
        h1{text-decoration: overline; text-decoration-style: dotted}
        h2{text-decoration: line-through;text-decoration-color: #ff003b}
        h3{text-decoration: underline blue wavy}
        a{text-decoration: none}

    </style>
</head>
<body>
<h1>biaoti</h1>
<h2>BAOTI</h2>
<h3>BiaoTi</h3>
<p><a href="01.入门.html">这是一个链接</a>></p>
</body>
</html>