文本属性之装饰文本(CSS、HTML)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本属性之装饰文本</title>
    <style>
        div {
            /*    下划线 */
            /* text-decoration: underline; */
            color: red;
            /*  删除线 */
            /* text-decoration: line-through; */
            /*    上划线 */
            text-decoration: overline;
        }

        /*  取消a默认的下划线*/
        a {
            text-decoration: none;
        }
    </style>
</head>

<body>
    <div>程序员</div>
    <a href="#">程序员</a> <!--  存在下划线 -->
</body>

</html>