css文本样式-CSDN博客

本文链接：https://blog.csdn.net/m0_71088505/article/details/128294234

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    颜色：RGB  RGBA(A 0~1,表示透明度）
    text-align: 排版 居中
    text-indent: 2em  段落首行缩进

    heigh： 300px;
    align-height：300px;
    行高和块的高度一致就可以上下居中
    -->
    <style>
        h1{
            color: rgba(0,255,255,0.9);
            text-align: center;
        }
        .p1{
            text-indent: 2em;
        }
        .p3{
            background: cyan;
            height: 300px;
            line-height: 300px;
        }
    </style>
</head>
<body>
<h1>魁拔故事</h1>
<p class="p1">
    这个世界名为元泱境界，脉（本质为振动）是构成万物的基础。每隔333年，会有一个神秘而强大的异常生物重生
</p>
<p>
    它就是魁拔！魁拔的每一次出现，都会给元泱境界带来巨大的灾难！即便是天界的神族，也在劫难逃
</p>
<p class="p3">
    在天地两界各种力量的全力打击下，魁拔一次次被消灭，但又总是按333年的周期重新出现。魁拔纪元1664年，天神经过精确测算后
</p>
</body>
</html>

颜色： RGB RGBA(A 0~1,表示透明度）
text-align: 排版居中
          text-indent: 2em 段落首行缩进

          heigh： 300px;
          align-height：300px;
       行高和块的高度一致就可以上下居中

上下中划线：

.l1{
    text-decoration: underline;   下划线
                     line-through;   中划线
                     overline;      上划线
}

css文本样式

总结：