溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css怎么設置顏色值的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇css怎么設置顏色值文章都會有所收獲，下面我們一起來看看吧。
語法：
rgb(r,g,b)；
r：設置紅色值，可以使用正整數或百分數的方式設置值；
g：設置綠色值，可以使用正整數或百分數的方式設置值；
b：設置藍色值，可以使用正整數或百分數的方式設置值。
說明：rgb()中的每個參數(r、g以及b)定義不同顏色的強度，可以是介于0與255之間的正整數，或者是百分比值（從0%到100%）。
我們通過一個簡單的代碼示例來了解rgb()設置顏色的方法。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<style>
div{
width:350px;
height:200px;
background-color:rgb(0,0,0);
color:rgb(255,255,255);
border:1pxsolidrgb(255,0,0);
padding:10px;
}
</style>
</head>
<body>
<div>這是一段測試代碼<br><br>
設置盒子的背景色為黑色【rgb(0,0,0)】<br><br>
設置字體文字的顏色為白色【rgb(255,255,255】<br><br>
邊框顏色為紅色【rgb(255,0,0)】<br>
</div>
</body>
</html>
效果圖：
2.jpg
上例中，我們通過分別給background-color，color，border設置不同的rgb()顏色值來設置了盒子的背景色、字體文字顏色、邊框顏色。
我們要注意一下rgb()顏色值的寫法，下面的代碼示例中rgb()函數的取值，有一些是對的，也有一些是錯誤的，注意區分：
/*使用正整數的取值方法*/
rgb(255,0,51)
rgb(255,0,51.2)/*錯誤的寫法，不能是浮點數，必須為正整數*/
/*使用%的取值方法*/
rgb(100%,0%,20%)
rgb(100%,0,20%)/*錯誤的寫法，不能混合使用整數和百分比值*/
關于“css怎么設置顏色值”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“css怎么設置顏色值”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
