Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggayakan div menggunakan css
Bagaimana untuk menggayakan div menggunakan css
- 下次还敢asal
- 2024-04-25 12:42:16411semak imbas
Cara menggayakan DIV menggunakan CSS: Pilih elemen DIV: Gunakan pemilih CSS (ID, kelas atau jenis elemen) untuk memilih DIV yang anda mahu gayakan. Tetapkan sifat gaya: Di dalam pemilih, nyatakan sifat gaya CSS dan nilainya (dipisahkan dengan titik bertindih). Gunakan gaya: Tambahkan kod CSS pada bahagian <head> pada dokumen HTML anda atau pada fail CSS luaran.
Gaya DIV dengan CSS
CSS (Cascading Style Sheets) ialah bahasa untuk menggayakan elemen dokumen HTML Ia boleh digunakan untuk menyesuaikan penampilan dan tingkah laku DIV (elemen peringkat blok) .
Cara menggayakan DIV menggunakan CSS:
-
Pilih DIV: Gunakan pemilih CSS untuk memilih elemen DIV yang anda mahu gayakan. Pemilih boleh menjadi ID, kelas atau jenis elemen.
<code class="css">#myDiv { } /* 根据 ID 选择 */ .myClass { } /* 根据类选择 */ div { } /* 选择所有 DIV 元素 */</code> -
Tetapkan sifat gaya: Di dalam pemilih anda boleh menetapkan sifat gaya CSS yang diperlukan. Setiap atribut sepadan dengan nilai, dipisahkan oleh titik bertindih (:).
<code class="css">#myDiv { background-color: red; width: 200px; height: 100px; }</code> -
Gunakan Gaya: Selepas melengkapkan peraturan gaya, tambahkan kod CSS pada bahagian
<head>dokumen HTML atau pada fail CSS luaran. Gaya akan digunakan pada elemen DIV yang dipilih.
Contoh:
Kod berikut akan menetapkan latar belakang merah kepada DIV dengan ID "myDiv", dengan lebar 200px dan tinggi 100px:
rreeeNota: Make sure pemilih CSS diselaraskan dengan elemen DIV Padanan ID atau kelas.
- Nilai atribut gaya perlu diakhiri dengan koma bertitik (;).
- Anda boleh menetapkan berbilang sifat dalam satu peraturan jika perlu.
Atas ialah kandungan terperinci Bagaimana untuk menggayakan div menggunakan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!