Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai warna halaman web dalam html
Bagaimana untuk mengubah suai warna halaman web dalam html
- PHPzasal
- 2023-04-13 10:46:204677semak imbas
HTML ialah bahagian paling asas dalam pembangunan web, dan pemilihan warna halaman web juga sangat penting. HTML menyediakan beberapa kaedah untuk menukar warna halaman web, termasuk menukar warna latar belakang halaman, warna teks dan warna pautan.
1. Warna latar belakang halaman web
- Gunakan nama warna
HTML menyediakan 137 nama warna, seperti merah, biru, hijau dan warna biasa yang lain . Tambahkan atribut gaya pada teg badan, gunakan atribut warna latar belakang dan gunakan nama warna sebagai nilai atribut untuk menukar warna latar belakang.
<body style="background-color: red;">
- Menggunakan Nilai Warna Hex
Selain nama warna, anda juga boleh menggunakan nilai warna hex untuk menukar warna latar belakang. Tambahkan atribut gaya pada teg badan, gunakan atribut warna latar belakang dan gunakan nilai warna sebagai nilai atribut.
<body style="background-color: #FF0000;">
2. Warna teks
- Gunakan nama warna
Warna teks juga boleh ditukar menggunakan nama warna. Tambahkan atribut gaya pada teg yang warnanya perlu ditukar, gunakan atribut warna dan gunakan nama warna sebagai nilai atribut.
<p style="color: green;">这是一个绿色的段落</p>
- Menggunakan Nilai Warna Heksadesimal
Begitu juga, warna teks juga boleh ditukar menggunakan Nilai Warna Heksadesimal. Tambahkan atribut gaya pada teg yang warnanya perlu ditukar, gunakan atribut warna dan gunakan nilai warna sebagai nilai atribut.
<p style="color: #00FF00;">这是一个绿色的段落</p>
3. Warna pautan
- Ubah suai warna pautan apabila ia tidak dilawati
Tambahkan atribut gaya pada teg a dan gunakan atribut warna, Hanya gunakan nama warna atau nilai warna sebagai nilai atribut. Jika anda ingin menukar warna pautan apabila tetikus melayang, anda boleh menggunakan kelas pseudo :hover.
<a href="#" style="color: red;">未访问链接</a>
<a href="#" style="color: #FF0000;">未访问链接</a>
<a href="#" style="color: red;">鼠标悬停链接</a>:hover { color: blue; }
<a href="#" style="color: #FF0000;">鼠标悬停链接</a>:hover { color: #0000FF; }
- Ubah suai warna apabila pautan telah dilawati
Tambahkan atribut gaya dalam kelas pseudo a:visited, gunakan atribut warna dan gunakan nama warna atau nilai warna sebagai Hanya nilai atribut.
a:visited { color: gray; }
a:visited { color: #808080; }
Ringkasan
Di atas ialah beberapa kaedah asas untuk menukar warna dalam HTML Dengan memilih nama warna atau nilai heksadesimal RGB, anda boleh menjadikan halaman web menunjukkan gaya yang unik. Dalam pembangunan sebenar, CSS juga boleh digunakan untuk mengawal warna halaman web dengan lebih fleksibel. Semoga artikel ini bermanfaat kepada pemula.
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai warna halaman web dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!