首页 课程 师资 教程 报名

CSS颜色样式

  • 2021-08-27 11:29:29
  • 450次 动力节点
<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编程,感兴趣的同学可以关注一下。

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交