format teks


Warna Teks

Sifat warna digunakan untuk menetapkan warna teks.

Warna paling kerap ditentukan melalui CSS:

  • Nilai hex - seperti: #FF0000

  • Nilai RGB - seperti:

    (255) RGB
  • Nama warna - seperti: merah


Penjajaran teks

Sifat penjajaran teks digunakan untuk menetapkan penjajaran mendatar teks.

Teks boleh dipusatkan atau dijajarkan ke kiri atau kanan, dibenarkan

Apabila penjajaran teks ditetapkan kepada "justify", setiap baris dikembangkan kepada lebar yang sama, dan jidar kiri dan kanan dijajarkan (. seperti majalah dan surat khabar).


Hiasan teks

Sifat hiasan teks digunakan untuk menetapkan atau memadamkan hiasan teks.

Dari sudut pandangan reka bentuk, atribut hiasan teks digunakan terutamanya untuk mengalih keluar garis bawah pautan (contoh di sebelah kanan Ia juga boleh menghiasi teks seperti ini:

h1 {text-decoration). :overline;}

h2 {text- decoration:line-through;}
h3 {text-decoration:underline;}

Rendering:

1.jpg


Transformasi teksTransformasi teks

atribut digunakan untuk menentukan dalam huruf besar dan huruf kecil teks.

boleh digunakan untuk menukar semua perkataan menjadi huruf besar atau huruf kecil, atau menggunakan huruf besar pada huruf pertama setiap perkataan.

Contoh:

p.huruf besar {text-transform:uppercase;}/* Semua huruf besar*/
p.huruf kecil {text-transform:lower;}/* Semua huruf kecil*/
p.huruf besar {teks -transform:capitalize;}/* Huruf besar pertama*/


Text indent

Atribut text-indent digunakan untuk menentukan lekukan baris pertama teks.

Contoh: indent baris pertama 50px

p {text-indent:50px;}

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> h1 { text-align: center; text-transform: uppercase; color: #A7C942; } p { text-indent: 50px; text-align:justify; letter-spacing:3px; } a { text-decoration:none; } </style> </head> <body> <h1>text formatting</h1> <p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the <a target="_blank" href="#">"尝试一下"</a> link.</p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!