css文本颜色1

最新推荐文章于 2023-10-17 09:31:04 发布

「已注销」

最新推荐文章于 2023-10-17 09:31:04 发布

阅读量166

点赞数

原文链接：http://www.cnblogs.com/wwwljcom/p/10316297.html

版权

<head>
        <meta charset="utf-8" />
        <title>练习一</title>
        <style type="text/css">
            p{
                color: red;
            }
            i{
                color: #FF0000;
            }
            .box{
                color: #f00;
            }
            .box-p1{
                color: rgb(255,0,0);
            }
            .box-p2{
                color: rgb(255,0,1);
            }
            .box-p3{
                color: rgb(255,0,0,0.5);
            }
            .box-p4{
                color: rgb(255,0,0,0.3);
            }
            .box-p5{
                font-size: 12px;
                color: #000000;
            }        
            .p1{
                font-size: 14px;
                color: #000000;
            }
            .p2{
                font-size: 16px;
                color: #000000;
            }
            .p3{
                font-size: 18px;
                color: #000000;
            }
            .p4{
                font-size: 20px;
                color: #000000;
            }
            
            .p5{
                font-style: italic;
                color: #000000;
            }
            .box-p6{
                font-style: italic;
                color: #000000;
            }
            .box-p7{
                font-style: italic;
                color: #000000;
            }
        </style>
    </head>
    <body>
            <p>p标签</p>
        <i>i标签</i>
        <br />
        <i class="box">i标签</i>
        <p class="box-p1">p标签</p>
        <i class="box-p2">i标签</i>
        <p class="box-p3">p标签</p>
        <p class="box-p4">p标签</p>
        <p class="box-p5">p标签</p>
        <p class="p1">p标签</p>
        <p class="p2">p标签</p>
        <p class="p3">p标签</p>
        <p class="p4">P标签</p>
        <p class="p5">p标签</p>
        <p class="box-p6">p标签</p>
        <p class="box-p7">p标签</p>
    </body>
</html>