037.文本样式

<!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>

037.文本样式

 

上一篇:【A-034】基于SSH的电影订票系统(含论文)


下一篇:034:Java 方法重载