iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
自我挑戰組

網美滴網頁系列 第 23

Day23_CSS語法6

  • 分享至 

  • xImage
  •  

line-height屬性設定HTML元素的行高

  • normal : 表示正常行高,也就是預設值
  • 數字 : 使用數字設定幾倍行高,例如 : line-height: 3表示三倍行高
  • 長度 : 使用px、pt、pc、em、ex、cm、mm等等度量單位設定行高,例如:line-height: 50px表示行高為50像素
  • 百分比 : 例如:line-height:180%表示高為目前行高的1.5倍
    https://ithelp.ithome.com.tw/upload/images/20211007/20140142NSx2bhET31.png
    https://ithelp.ithome.com.tw/upload/images/20211007/20140142Q0lpoWUSY0.png
    letter-spacing屬性設定HTML元素的字母間距
  • normal : 表示正常行高,也就是預設值
  • 長度 : 使用px、pt、pc、em、ex、cm、mm等等度量單位設定字母間距的長度
    https://ithelp.ithome.com.tw/upload/images/20211007/201401423sIrhmswqx.png
    https://ithelp.ithome.com.tw/upload/images/20211007/20140142v2Qv6WRdau.png

上一篇
Day22_CSS語法5
下一篇
Day24_CSS語法7
系列文
網美滴網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言