Rumah > Artikel > pembangunan bahagian belakang > warna tetapan teks html
warna tetapan teks html
- 王林asal
- 2023-05-09 09:44:373239semak imbas
Warna tetapan teks HTML
Dalam HTML, kita boleh menjadikan halaman kelihatan lebih berwarna dengan menetapkan warna teks. Tetapan warna teks boleh digunakan pada elemen yang berbeza seperti perenggan teks, tajuk, pautan, dsb. Dalam artikel ini, kami akan memperkenalkan cara menetapkan warna teks dalam HTML dan menggunakan CSS untuk mengawal warna teks dengan lebih mudah.
- Tetapan asas warna teks HTML
Dalam HTML, kita boleh menggunakan nama warna atau nilai warna heksadesimal untuk mentakrifkan warna teks. Berikut ialah beberapa nama warna HTML yang biasa digunakan:
- merah: merah
- hijau: hijau
- biru: biru
- hitam: hitam
- putih: Putih
Kita boleh menggunakan warna dengan:
<p style="color:red;">这是红色的文本。</p> <p style="color:green;">这是绿色的文本。</p> <p style="color:blue;">这是蓝色的文本。</p> <p style="color:black;">这是黑色的文本。</p> <p style="color:white; background-color:black;">这是白色的文本。</p>
Dalam contoh di atas, kami menggunakan atribut gaya untuk menetapkan warna. Dengan menambahkan atribut warna pada atribut gaya, kami boleh menetapkan warna teks.
Selain menggunakan nama warna, kita juga boleh menggunakan nilai warna heksadesimal untuk menentukan warna teks. Berikut ialah beberapa contoh:
<p style="color:#ff0000;">这是红色的文本。</p> <p style="color:#00ff00;">这是绿色的文本。</p> <p style="color:#0000ff;">这是蓝色的文本。</p> <p style="color:#000000;">这是黑色的文本。</p> <p style="color:#ffffff; background-color:#000000;">这是白色的文本。</p>
Dalam contoh di atas, kami menetapkan warna menggunakan aksara # diikuti dengan kod warna. Kod warna terdiri daripada 6 nombor heksadesimal, yang masing-masing mewakili nilai kecerahan warna merah, hijau dan biru. Contohnya, #ff0000 mewakili merah dan ff mewakili nilai kecerahan maksimum merah.
- Tetapkan warna teks menggunakan CSS
Dalam contoh di atas, kami menggunakan atribut gaya untuk menetapkan warna teks. Walau bagaimanapun, untuk tapak web atau projek yang besar, kami perlu menggunakan gaya yang sama pada berbilang halaman dan elemen. Dalam kes ini, kita boleh menggunakan CSS untuk mengawal penampilan dan gaya halaman.
Mari kita lihat dahulu cara menetapkan warna teks menggunakan helaian gaya dalaman. Helaian gaya dalaman ialah helaian gaya yang ditulis dalam teg c9ccee2e6ea535a969eb3f532ad9fe89 di kepala dokumen HTML. Kita boleh menentukan berbilang gaya di dalamnya, seperti warna teks dan warna latar belakang, saiz dan bentuk fon, dsb. Berikut ialah contoh lembaran gaya dalaman:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
color: red;
}
h1 {
color: blue;
}
a {
color: green;
}
</style>
</head>
<body>
<h1>这是标题</h1>
<p>这是一段文本。</p>
<a href="#">链接</a>
</body>
</html>Dalam contoh di atas, kami telah menggunakan tiga pemilih gaya yang berbeza untuk menentukan warna teks bagi elemen yang berbeza. Sebagai contoh, kami menggunakan pemilih p untuk memilih semua elemen perenggan dan menetapkan warna teksnya kepada merah. Kami menggunakan pemilih h1 untuk memilih semua elemen tajuk dan menetapkan warna teksnya kepada biru. Kami menggunakan pemilih untuk memilih semua elemen pautan dan menetapkan warna teksnya kepada hijau.
Selain menggunakan helaian gaya dalaman, kami juga boleh menggunakan helaian gaya luaran atau gaya sebaris untuk menetapkan warna teks. Helaian gaya luaran ialah fail CSS lain yang perlu diimport di kepala dokumen HTML. Gaya sebaris adalah serupa dengan helaian gaya dalaman dan merupakan atribut gaya yang ditulis dalam elemen. Menggunakan helaian gaya luaran atau gaya sebaris berfungsi sama seperti helaian gaya dalaman di mana kita boleh menentukan semua pilihan warna teks yang kita perlukan.
Ringkasan
Dalam HTML, kita boleh mentakrifkan warna teks menggunakan nama warna atau kod warna heksadesimal, yang boleh ditetapkan dalam atribut gaya. Kita boleh menetapkan warna teks menggunakan helaian gaya dalaman, helaian gaya luaran atau gaya sebaris. Menggunakan CSS membolehkan anda mengawal gaya halaman dengan lebih fleksibel, menghapuskan kod pendua dan menjadikan halaman lebih mudah untuk diselenggara dan dikemas kini.
Atas ialah kandungan terperinci warna tetapan teks html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!