Bagaimana untuk menetapkan saiz warna fon dalam html

下次还敢
Lepaskan: 2024-04-11 13:16:19
asal
1224 orang telah melayarinya

Tetapkan warna dan saiz fon melalui gaya CSS dalam HTML. Warna fon ditentukan menggunakan sifat warna, yang boleh ditentukan sebagai kod heks, nilai RGB atau nama warna. Saiz fon ditentukan menggunakan sifat saiz fon, yang boleh ditentukan dalam unit mutlak atau relatif, termasuk piksel, ems, rem dan peratusan.

Bagaimana untuk menetapkan saiz warna fon dalam html

Cara menetapkan warna dan saiz fon dalam HTML

Dalam HTML, anda boleh menggunakan gaya CSS untuk menetapkan warna dan saiz fon.

Warna fon

Gunakan atribut color untuk menetapkan warna fon. Warna boleh ditentukan sebagai: color 属性设置字体颜色。颜色可以指定为:

  • 十六进制代码,以 # 开头,例如:#ff0000(红色)
  • RGB 值,例如:rgb(255, 0, 0)(红色)
  • 颜色名称,例如:redbluegreen

示例:

<code class="html"><p style="color: #ff0000;">这是红色的文本。</p>
<p style="color: rgb(0, 0, 255);">这是蓝色的文本。</p>
<p style="color: green;">这是绿色的文本。</p></code>
Salin selepas log masuk

字体大小

使用 font-size 属性设置字体大小。字体大小可以指定为:

  • 绝对单位,例如:px(像素)、em(相对单位)、rem(相对于根元素的单位)
  • 相对单位,例如:%
    • Kod hex, bermula dengan #, contohnya: #ff0000 (merah)
    • Nilai RGB, Untuk contoh: rgb(255, 0, 0) (merah)
  • Nama warna, contohnya: merah, biru, hijau

    Contoh: 🎜🎜
    <code class="html"><p style="font-size: 20px;">这是 20 像素大小的文本。</p>
    <p style="font-size: 1.5em;">这是相对于父元素大小 1.5 倍的文本。</p>
    <p style="font-size: 1.2rem;">这是相对于根元素大小 1.2 倍的文本。</p></code>
    Salin selepas log masuk
    🎜🎜saiz fon🎜🎜🎜Gunakan atribut font-size untuk menetapkan saiz fon. Saiz fon boleh ditentukan dalam: 🎜
    • Unit mutlak, seperti: px (piksel), em (unit relatif), rem (unit relatif kepada elemen akar) 🎜<li>Unit relatif, contohnya: <code>% (peratusan relatif kepada elemen induk) 🎜🎜🎜🎜Contoh: 🎜🎜rrreee

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

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!