Rumah > hujung hadapan web > tutorial css > Tukar warna latar belakang dalam CSS

Tukar warna latar belakang dalam CSS

王林
Lepaskan: 2024-07-29 00:08:13
asal
580 orang telah melayarinya

Change background color in CSS

Menukar warna latar belakang elemen dalam CSS adalah mudah dan mudah. Langkah-langkahnya ialah:

  1. Pilih Elemen: Tentukan elemen HTML yang anda mahu tukar warna latar belakang.

  2. Gunakan warna latar belakang: Gunakan sifat warna latar belakang dalam fail CSS anda atau dalam tag dalam HTML anda.

Contoh

HTML

<!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>
Salin selepas log masuk

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;
}

Salin selepas log masuk

Atas ialah kandungan terperinci Tukar warna latar belakang dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan