更新時間:2021-08-27 11:29:29 來源:動力節點 瀏覽1297次
<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編程,感興趣的同學可以關注一下。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習