Bagaimana untuk mengubah suai warna halaman web dalam html-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengubah suai warna halaman web dalam html

PHPz

Lepaskan： 2023-04-13 11:16:16

asal

4654 orang telah melayarinya

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

Salin selepas log masuk

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

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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

Salin selepas log masuk

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

Salin selepas log masuk

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!