CSS常用的颜色样式
作者:互联网
<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>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OUTXw8zy-1608880924250)(https://upload-images.jianshu.io/upload_images/25340611-c2c38df8e745a3bc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
标签:blue,颜色,样式,color,rgb,字体,178,CSS,255 来源: https://blog.csdn.net/weixin_53144068/article/details/111683367