CSS常用的颜色样式

2020-12-25 15:30:43 阅读：221 来源： 互联网

标签：blue 颜色样式 color rgb 字体 178 CSS 255

<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

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

ICode9

CSS常用的颜色样式