Board logo

標題: 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://seed.istak.org.tw/) Powered by Discuz! 7.2