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
505 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!

sumber:dev.to
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