標題: CSS 字體屬性 (二) [打印本頁]

---

作者: 陳育霖    時間: 2023-8-5 02:42     標題: CSS 字體屬性 (二)

本帖最後由 陳育霖 於 2023-8-9 23:25 編輯

文字對齊方式: text-align
left 靠左、right 靠右、center 置中、justify 左右對齊、initial 預設

1. h1{
   
2.     text-align:center;
   
3. }

複製代碼

首行縮排: text-indent
cm、px、pt、em等單位、%百分比

1. p{
   
2.     text-indent:32px;
   
3. }

複製代碼

行高設定: line-height
normal、number 字形尺寸倍數、%百分比

1. #number1{
   
2.     line-height:1;
   
3. }
   
4. #number2{
   
5.     line-height:24px;
   
6. }

複製代碼

字母間距 letter-spacing
normal 預設、cm、px、pt、em等單位(可以為負數)

1. #letterspacing1{
   
2.     letter-spacing: 10px;
   
3. }
   
4. #letterspacing2{
   
5.     letter-spacing: 20px;
   
6. }

複製代碼

文字間距 word-spacing
normal 預設(0.25em)、length 設定間距值，可為負數、inital、inherit

1. #wordspacing{
   
2.    word-spacing: 20px;
   
3. }

複製代碼

---

歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)

Powered by Discuz! 7.2