Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna fon dalam html
Bagaimana untuk menetapkan warna fon dalam html
- 青灯夜游asal
- 2023-03-08 10:04:2622328semak imbas
Cara menetapkan warna fon dalam HTML: 1. Gunakan teg fon, sintaks "font text" 2. Dalam elemen label yang mengandungi teks fon Gunakan atribut gaya untuk menambah "warna: nilai warna;" 3. Gunakan id atau kelas untuk memperkenalkan gaya warna fon CSS luaran untuk menetapkan warna fon html, sintaksnya ialah "id atau pemilih kelas {warna: nilai warna; }".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Kaedah 1: Gunakan teg fon
untuk menentukan fon, saiz fon dan warna fon teks.
Sintaks untuk menetapkan warna fon:
<font color="颜色值">字体文本</font>
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默认黑色字体</div> <div><font color="red">我是红色字体</font></div> </body> </html>
Rendering:
Kaedah 2: Gunakan atribut gaya untuk menambah "warna: nilai warna;" gaya
Atribut gaya menentukan gaya sebaris elemen. Atribut gaya
akan mengatasi sebarang tetapan gaya global, seperti yang dinyatakan dalam teg
Sintaks:
<element style="css代码块">
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默认黑色字体</div> <div style="color: red;">我是红色字体</div> </body> </html>
Rendering:
Kaedah 3: CSS Luaran menetapkan warna fon teks html
Gunakan id atau kelas untuk memperkenalkan gaya warna fon CSS luaran untuk menetapkan warna fon html.
Contoh kod untuk CSS luaran untuk menetapkan warna fon teks html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.ex{ color:pink;font-size:50px}
</style>
</head>
<body>
<div class="ex">php中文网</div>
</body>
</html>
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!