CSS6 文本颜色行高段落下划线

最新推荐文章于 2023-01-07 12:13:34 发布

flyzer

最新推荐文章于 2023-01-07 12:13:34 发布

阅读量215

点赞数

分类专栏： HTML CSS JavaScript

本文链接：https://blog.csdn.net/flyzer/article/details/115602275

版权

HTML CSS JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 我的页面 </title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* 三种表示颜色的方法： */
            /* color: deeppink; */
            /* color: #cc00ff; */
            color: rgb(255, 0, 255);
            /* 开发中最常用的是十六进制 */
        }    
        h1 {
            text-align: center;
            /* text-align: left;
            text-align: right; */
            /* 默认为左对齐 */
        }
        div {
            text-decoration: underline;
            /* text-decoration: none;
            text-decoration: line-through;
            text-decoration: overline; */
            /* 默认的是没有装饰线none，下划线常用，删除线不常用，上划线几乎不用 */
            /* 重点记住如果添加下划线，如何删除下划线，其余链接即可 */
        }
        a {
            /* 取消a默认的下划线 */
            text-decoration: none;
            color: #333;
        }
        p {
            /* 文本的首行缩进多少距离 */
            /* text-indent: 20px; */
            /* 如果此时写了2em，则是缩进当前元素2个文字大小的距离 */
            text-indent: 2em;
            /* 行高 */
            line-height: 25px;
        }
    </style>
</head>
<body>
    <div>变颜色</div>
    <h1>一级标题</h1>
    <div>有下划线的文字</div>
    <a href="#">没有下划线的链接</a>
    <br><br>
    <p>大学生是指正在接受基础高等教育和专业高等教育还未毕业或受过高等教育已经毕业走进社会的一群人。</p>
    <p>作为社会新技术、新思想的前沿群体、国家培养的高级专门专业人才。作为社会新技术、新思想的前沿群体、
        国家培养的高级专门专业人才。>作为社会新技术、新思想的前沿群体、国家培养的高级专门专业人才。
        大学生代表年轻有活力一族，是具有开拓性的建设与创造的主力军，是推动社会进步的栋梁之才。作为
        社会新技术、新思想的前沿群体、国家培养的高级专门专业人才。大学生代表年轻有活力一族，是具有
        开拓性的建设与创造的主力军，是推动社会进步的栋梁之才。作为社会新技术、新思想的前沿群体、国
        家培养的高级专门专业人才。大学生代表年轻有活力一族，是具有开拓性的建设与创造的主力军，是推
        动社会进步的栋梁之才。</p>
</body>
</html>