溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么用css設置背景顏色”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用css設置背景顏色”吧!
我們先來看一個小例子吧，了解一下什么是背景顏色，怎么去設置。
已知，我們有一個div元素，一個p元素，現在我們希望div元素的背景顏色是紅色，而p元素的背景顏色是藍色，請問該如何去做？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: red;
}
p{
background-color:blue;
}
</style>
</head>
<body>
<div>為了顯示，表明這個一個div元素</div>
<p>為了顯示，表明這個一個p元素</p>
</body>
</html>這個小例子的結果是
可以看到，我們完成了題目所給出的要求，div元素的背景顏色是紅色，而p元素的背景顏色是藍色。
知道這么多之后，我們去看一下什么屬性可以設置背景顏色吧。
background-color屬性設置元素的背景顏色。這個屬性為元素設置一種純色。這種顏色會填充元素的內容、內邊距和邊框區域，擴展到元素邊框的外邊界（但不包括外邊距）。如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。
這個屬性還有一個十分重要的值，這是一個透明值。盡管在大多數情況下，沒有必要使用 transparent。不過如果您不希望某元素擁有背景色，同時又不希望用戶對瀏覽器的顏色設置影響到您的設計，那么設置 transparent 值還是有必要的。
到此，相信大家對“怎么用css設置背景顏色”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
