CSS颜色样式 - 极悦
专注Java教育14年 全国咨询/投诉热线:444-1124-454
极悦LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 CSS颜色样式

CSS颜色样式

更新时间:2021-08-27 11:29:29 来源:极悦 浏览920次

<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颜色样式",希望对大家有帮助,想了解更多可查看Java教程。极悦在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>