溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么用css設(shè)置背景顏色

發(fā)布時(shí)間：2021-08-13 10:27:23 來源：億速云 閱讀：142 作者：chen 欄目：web開發(fā)

本篇內(nèi)容主要講解“怎么用css設(shè)置背景顏色”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用css設(shè)置背景顏色”吧!

我們先來看一個(gè)小例子吧，了解一下什么是背景顏色，怎么去設(shè)置。

已知，我們有一個(gè)div元素，一個(gè)p元素，現(xiàn)在我們希望div元素的背景顏色是紅色，而p元素的背景顏色是藍(lán)色，請(qǐng)問該如何去做？

<!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>為了顯示，表明這個(gè)一個(gè)div元素</div>
<p>為了顯示，表明這個(gè)一個(gè)p元素</p>
</body>
</html>

這個(gè)小例子的結(jié)果是

怎么用css設(shè)置背景顏色

可以看到，我們完成了題目所給出的要求，div元素的背景顏色是紅色，而p元素的背景顏色是藍(lán)色。

知道這么多之后，我們?nèi)タ匆幌率裁磳傩钥梢栽O(shè)置背景顏色吧。

background-color屬性設(shè)置元素的背景顏色。這個(gè)屬性為元素設(shè)置一種純色。這種顏色會(huì)填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。如果邊框有透明部分（如虛線邊框），會(huì)透過這些透明部分顯示出背景色。

這個(gè)屬性還有一個(gè)十分重要的值，這是一個(gè)透明值。盡管在大多數(shù)情況下，沒有必要使用 transparent。不過如果您不希望某元素?fù)碛斜尘吧瑫r(shí)又不希望用戶對(duì)瀏覽器的顏色設(shè)置影響到您的設(shè)計(jì)，那么設(shè)置 transparent 值還是有必要的。

到此，相信大家對(duì)“怎么用css設(shè)置背景顏色”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手