美文网首页让前端飞
CSS常用的颜色样式

CSS常用的颜色样式

作者: 前端王祖蓝 | 来源:发表于2020-12-25 15:23 被阅读0次
    <style> 
    .p1{
    color:red;
    }
    .p2{
    color:green;
    }
    .p3{
    color:blue;
    }
    .p4{
    color:#ff0000;
    }
    .p5{
    color:#f00;
    }
    .p6{
    color:rgb(255,0,0);
    }
    .p7{
    color:rgb(178,178,178);
    }
    .p8{
    color:rgb(0,0,0);
    } /* */
    </style>
    </head>
    <body>
    <p class="p1">字体变红色</p>
    <p class="p2">用十六进制改变文字颜色,十六进制:0-9,A-F这十六个数字字母。比如#00ff00;<br/>前两位表示red红色如#ff0000(简写#foo),中间两位表示green绿色#00ff00(#0f0),后两位表示blue蓝色0000ff(#00f),黑色#000,白色#fff,灰色#888。当数字字母相同时可以简化。</p>
    <p class="p3">rgb(red值,green值,blue值),值范围是0-255。红色rgb(255,0,0),绿色(0,255,0),蓝色(0,0,255),黑色(0,0,0),白色(255,255,255),灰色(178,178,178,)</p>
    <p class="p4">字体变红color:#ff0000</p>
    <p class="p5">字体变红简化版color:#f00;</p>
    <p class="p6">字体变红color:rgb(255,0,0)</p>
    <p class="p7">字体变灰color:rgb(178,178,178)</p>
    <p class="p8">字体变黑color:rgb(0,0,0)</p>
    <p class="p9"></p>
    
    </body>
    </html>
    

    相关文章

      网友评论

        本文标题:CSS常用的颜色样式

        本文链接:https://www.haomeiwen.com/subject/bfobnktx.html