Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan gaya fon html

Bagaimana untuk menetapkan gaya fon html

WBOY
WBOYasal
2023-05-27 14:06:392392semak imbas

Bagaimana untuk menetapkan gaya fon HTML?

Gaya fon HTML boleh dilaksanakan menggunakan CSS. Dalam CSS, terdapat banyak sifat berbeza yang boleh digunakan untuk menggayakan fon.

Berikut ialah beberapa cara untuk menetapkan gaya fon:

  1. atribut keluarga fon

Untuk menetapkan fon teks, anda boleh menggunakan fon- sifat keluarga. Atribut ini boleh menentukan satu atau lebih fon, dan fon yang akan diganti kemudian mesti ditulis pada penghujungnya.

Contohnya:

p {
  font-family: Arial, sans-serif;
}

Kod di atas menetapkan fon teks perenggan kepada Arial atau sans-serif.

  1. atribut saiz fon

Untuk menetapkan saiz fon teks, anda boleh menggunakan atribut saiz fon. Atribut ini boleh menentukan nilai panjang, atau menggunakan nilai saiz relatif, seperti kecil, sederhana, besar, dsb.

Contohnya:

p {
  font-size: 16px;
}

Kod di atas menetapkan saiz fon teks perenggan kepada 16 piksel.

  1. atribut berat fon

Untuk menetapkan berat fon teks, anda boleh menggunakan atribut berat fon. Sifat ini boleh menetapkan ketebalan fon Nilai biasa adalah normal, tebal atau lebih ringan.

Contohnya:

p {
  font-weight: bold;
}

Kod di atas menetapkan fon teks perenggan kepada gaya tebal.

  1. atribut gaya fon

Untuk menetapkan gaya fon teks, anda boleh menggunakan atribut gaya fon. Atribut ini boleh menetapkan gaya teks, biasanya menggunakan nilai normal, condong atau serong.

Contohnya:

p {
  font-style: italic;
}

Kod di atas menetapkan fon teks perenggan kepada condong.

  1. atribut warna fon

Untuk menetapkan warna teks, anda boleh menggunakan atribut warna. Sifat ini boleh menentukan nilai warna, seperti merah, biru, dsb.

Contohnya:

p {
  color: red;
}

Kod di atas menetapkan warna teks perenggan kepada merah.

  1. atribut hiasan teks

Untuk menetapkan garis bawah teks, anda boleh menggunakan atribut hiasan teks. Atribut ini boleh menetapkan garis bawah, coretan dan gaya teks yang lain.

Contohnya:

a {
  text-decoration: none;
}

Kod di atas akan mengalih keluar garis bawah teks pautan.

Ringkasan

Anda boleh menggayakan fon elemen HTML dengan mudah menggunakan sifat CSS. Anda boleh menggunakan sifat ini untuk menjadikan teks lebih cantik dan lebih mudah dibaca.

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

Kenyataan:
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