首頁  >  文章  >  web前端  >  css怎麼調整字體顏色

css怎麼調整字體顏色

王林
王林原創
2021-03-04 15:27:493662瀏覽

css裡調節字體顏色的方法是:可以利用color屬性來設定字體顏色,如【color: #92a8d1;】或【color:rgb(255,0,51)】。

css怎麼調整字體顏色

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

要設定字體的顏色是非常簡單的,css為我們提供了color屬性,利用該屬性我們可以隨意調整字體的顏色。

屬性介紹:

Color屬性指定文字的顏色。

屬性值:

  • 顏色的名稱   顏色的名稱,例如red, blue, brown, lightseagreen等,不區分大小寫

  • #十六進位   十六進位符號#RRGGBB 和#RGB(例如#ff0000)

  • RGB,紅-綠-藍(red -green-blue (RGB))    規定顏色值為rgb 程式碼的顏色,函數格式為rgb(R,G,B),取值可以是0-255 的整數或百分比。

範例1:

顏色為16 進位值

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
body {color: #92a8d1;}
</style>
</head>
<body>

<h1>这是标题</h1>

<p>段落文本的颜色为 16 进制值。</p>

</body>
</html>

運行結果:

css怎麼調整字體顏色

(學習影片分享:css影片教學

範例2:

顏色值為RGB:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
body {color: rgb(255,0,51);}
</style>
</head>
<body>

<h1>这是标题</h1>

<p>段落文本的颜色为 16 进制值。</p>

</body>
</html>

運行結果:

css怎麼調整字體顏色

相關推薦:CSS教學

以上是css怎麼調整字體顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn