文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > css教學 > 主體

更改 CSS 中的背景顏色

王林

發布： 2024-07-29 00:08:13

原創

319 人瀏覽過

Change background color in CSS

改變 CSS 中元素的背景顏色非常簡單明了。步驟是：

選擇元素：決定要變更其背景顏色的 HTML 元素。
使用背景顏色：在 CSS 檔案或

例子

超文本標記語言

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <div class="container">
    <p id="paragraph">This is a paragraph.</p>
    <button>Click Me</button>
  </div>
</body>
</html>

登入後複製

CSS

/* Change background color of the body */
body {
  background-color: lightblue;
}

/* Change background color of an element with the class 'container' */
.container {
  background-color: lightgreen;
}

/* Change background color of an element with the id 'paragraph' */
#paragraph {
  background-color: lightyellow;
}

/* Change background color of all button elements */
button {
  background-color: lightcoral;
}

登入後複製

以上是更改 CSS 中的背景顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：dev.to

上一篇：了解 CSS 特殊性下一篇：使用 TailwindCSS 製作動畫

本網站聲明

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

作者最新文章