Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menukar warna fon dalam html
Bagaimana untuk menukar warna fon dalam html
- 下次还敢asal
- 2024-04-11 10:09:46554semak imbas
Menukar warna fon dalam HTML boleh dicapai dengan menggunakan CSS (Cascading Style Sheets): nyatakan nilai warna menggunakan gaya sebaris. Gunakan helaian gaya dalaman untuk menentukan peraturan warna dalam teg <head> Gunakan helaian gaya luaran untuk menentukan peraturan dalam fail CSS yang berasingan dan pautan ke fail HTML. Format nilai warna termasuk: perenambelasan, RGB, RGBA dan nama warna. Selain menukar warna latar depan, anda juga boleh menetapkan warna latar belakang dan mencipta kesan bayang atau cahaya menggunakan sifat bayang teks.
Cara membuat warna fon dalam HTML
Menukar warna fon dalam HTML adalah proses yang mudah dan boleh dicapai dengan menggunakan CSS (Cascading Style Sheets). Berikut ialah panduan langkah demi langkah:
1 Menggunakan gaya sebaris
Gunakan atribut style di dalam elemen HTML dan nyatakan nilai color: style 属性，并指定 color 值：
<code class="html"><p style="color: red;">这是一个红色的段落。</p></code>
2. 使用内部样式表
在 <head> 标签内定义一个 <style> 元素并设置字体颜色规则：
<code class="html"><style>
p {
color: blue;
}
</style></code>
3. 使用外部样式表
在单独的 CSS 文件（如 style.css）中定义样式规则，然后使用 <link> 元素将其链接到 HTML 文件：
<code class="html"><link rel="stylesheet" href="style.css"></code>
在 style.css 文件内定义规则：
<code class="css">p {
color: green;
}</code>
颜色值
HTML 和 CSS 支持多种颜色值格式：
- 十六进制（#rrggbb）
- RGB（rgb(255, 255, 255)）
- RGBA（rgba(255, 255, 255, 1)）
- 颜色名称（例如，红色、蓝色、绿色）
其他选项
除了更改前景色外，还可以更改背景色：
<code class="css">p {
color: red;
background-color: yellow;
}</code>
可以使用 text-shadowrreee.
<style> dalam teg <head> dan tetapkan peraturan warna fon: 🎜<code class="css">p {
color: white;
text-shadow: 2px 2px 5px #000;
}</code>🎜 🎜3. Gunakan gaya luaran Jadual 🎜🎜🎜Tentukan peraturan gaya dalam fail CSS yang berasingan (seperti style.css) dan kemudian pautkannya ke fail HTML menggunakan <link> elemen: 🎜rrreee 🎜Tentukan peraturan dalam fail style.css: 🎜rrreee🎜🎜Nilai warna 🎜🎜🎜HTML dan CSS menyokong pelbagai format nilai warna: 🎜
- Hex (#rrggbb )
- RGB (rgb(255, 255, 255))
- RGBA (rgba(255, 255, 255, 1))
- Nama warna (cth. , merah, biru, hijau)
🎜🎜Pilihan lain🎜🎜🎜Selain menukar warna latar depan, anda juga boleh menukar warna latar belakang: 🎜rrreee🎜Anda boleh menggunakan bayang-teks Sifat untuk mencipta kesan bayangan atau cahaya: 🎜rrreeeAtas ialah kandungan terperinci Bagaimana untuk menukar warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!