網站設計中,文字是最常用的元素之一,文字易讀性非常重要,我們都希望頁面更加清晰易讀,「顏色」在文字易讀性中起到了至關重要的作用。
文字和背景顏色有一個“對比度”,就有如街上的通標誌一樣,大多 黑字配黃底,便是為了提升辨識度。
因此正確調整這個對比度,將會讓你的頁面更加清晰易讀,進而提高閱讀效率和閱讀體驗。
然而,除了顏色,文字的行間距離也十分重要,因此本篇分享自己是如何調整的。
目錄
隱藏
這是網站文章的目前狀況:
調整方式
到「自訂項目」中的 「附加的CSS」 ,
貼上此程式碼:
p { font-size: 16px; padding:20px 0 20px 20px; ; line-height: 1000%; }
我將一般文字<p> 的大小設定成16px,
將padding (內邊距)設定成:
20px 0 20px 20px
分別依序代表上內距 、右內距、下內距與左內距 。
調整完成後