專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2021-08-27 11:29:29 來源：動力節(jié)點 瀏覽1415次
<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">用十六進(jìn)制改變文字顏色，十六進(jìn)制：0-9,A-F這十六個數(shù)字字母。比如#00ff00；<br/>前兩位表示red紅色如#ff0000(簡寫#foo)，中間兩位表示green綠色#00ff00(#0f0)，后兩位表示blue藍(lán)色0000ff(#00f)，黑色#000,白色#fff，灰色#888。當(dāng)數(shù)字字母相同時可以簡化。</p>
<p class="p3">rgb(red值,green值,blue值)，值范圍是0-255。紅色rgb(255,0,0),綠色（0,255,0），藍(lán)色（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>
以上就是動力節(jié)點小編介紹的"CSS顏色樣式"，希望對大家有幫助，想了解更多可查看Java教程。動力節(jié)點在線學(xué)習(xí)教程，針對沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。
官方微信
官方抖音
Java實驗班
Java就業(yè)班
Java夜校直播班
Java在職加薪班
Java架構(gòu)師班
京公網(wǎng)安備 11030102010736號