037.文本样式

2021-12-01 01:03:13 阅读：169 来源： 互联网

标签：样式 text 300px height decoration 魁拔 line 文本 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>

标签：样式,text,300px,height,decoration,魁拔,line,文本,037
来源： https://www.cnblogs.com/LLL0617/p/15627172.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

037.文本样式