037.文本样式

2023-12-21 16:38:46
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>2021-11-30字体样式</title>
        <style type="text/css">
            /*  颜色：单词RGB：0~F RGBA：（A的范围是0~1）
            text-align:（排版）居中
            text-indent:段落首行缩进
            行高和块的高度一致就可以上下居中
            .p11{
                background: #7CFC00;
                height: 300px;
                line-height: 300px;
            }
            
        
        */
            h1 {
                color: rgba(0, 255, 255, 0.9);
                text-align: center;
            }

            .p1 {
                text-indent: 2em;
            }

            .p11 {
                background: #7CFC00;
                height: 300px;
                line-height: 300px;
            }

            .a999 {
                text-decoration: underline;
                /*下划线*/
            }

            .a888 {
                text-decoration: line-through;
                /*中划线*/
            }

            .a777 {
                text-decoration: overline;
                /*上划线*/
            }

            /*超链接去下划线*/
            a {
                text-decoration: none;
            }
            /*水平参照物：a，b*/
            img,span{
                vertical-align: middle;
            }
            
        </style>

    </head>
    <body>

        <a href="#">12345789</a>

        <p>
            <img src="../image/pdd_logo_v2.png">
            <span>文本图片水平居中</span>

        </p>



        <p class="a999">999aaaaaaaaaaaa</p>
        <p class="a888">888aaaaaaaaaaaa</p>
        <p class="a777">777aaaaaaaaaaaa</p>





        <h1>这个世界名为元泱境界</h1>
        <p class="p1">脉（本质为振动）是构成万物的基础。每隔333年，会有一个神秘而强大的异常生物重生，它就是魁拔！魁拔的每一次出现，都会给元泱境界带来巨大的灾难！</p>
        <p class="p11">因此，找到魁拔，彻底消灭魁拔，再一次成了各地热血勇士的终极目标。</p>
    </body>
</html>
码农公寓

相关文章
