Bagaimana untuk menukar warna fon dalam html-html tutorial-php.cn

Bagaimana untuk menukar warna fon dalam html

下次还敢

Lepaskan： 2024-04-11 10:09:46

asal

535 orang telah melayarinya

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.

Bagaimana untuk menukar warna fon dalam html

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>

Salin selepas log masuk

2. 使用内部样式表

在 <head> 标签内定义一个 <style> 元素并设置字体颜色规则：

<code class="html"><style>
p {
  color: blue;
}
</style></code>

Salin selepas log masuk

3. 使用外部样式表

在单独的 CSS 文件（如 style.css）中定义样式规则，然后使用 <link> 元素将其链接到 HTML 文件：

<code class="html"><link rel="stylesheet" href="style.css"></code>

Salin selepas log masuk

在 style.css 文件内定义规则：

<code class="css">p {
  color: green;
}</code>

Salin selepas log masuk

颜色值

HTML 和 CSS 支持多种颜色值格式：

十六进制（#rrggbb）
RGB（rgb(255, 255, 255)）
RGBA（rgba(255, 255, 255, 1)）
颜色名称（例如，红色、蓝色、绿色）

其他选项

除了更改前景色外，还可以更改背景色：

<code class="css">p {
  color: red;
  background-color: yellow;
}</code>

Salin selepas log masuk

可以使用 text-shadowrreee.

🎜2. Gunakan helaian gaya dalaman🎜🎜🎜Tentukan elemen <style> dalam teg <head> dan tetapkan peraturan warna fon: 🎜

<code class="css">p {
  color: white;
  text-shadow: 2px 2px 5px #000;
}</code>

Salin selepas log masuk

🎜 🎜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: 🎜rrreee

Atas ialah kandungan terperinci Bagaimana untuk menukar warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!