HTML 中,通過指定不同的字體大小、顏色和樣式來美化和優化頁面的顯示效果。下面我們就來介紹如何使用 HTML 設置字體顏色和大小。
一、設置字體顏色:
<p style="color:red">這是紅色字體</p> <p style="color:blue">這是藍色字體</p>
在 style 屬性中,我們可以通過 color 屬性來指定字體顏色。比如上面的例子中,我們設置了紅色和藍色字體。
除了使用 color 屬性,我們還可以通過 HEX/RGB 顏色值來定義字體顏色。例如:
<p style="color:#ff0000">這是紅色字體</p> <p style="color:rgb(0,255,0)">這是綠色字體</p>
二、設置字體大小:
<p style="font-size:12px">這是 12px 大小的字體</p> <p style="font-size:16px">這是 16px 大小的字體</p>
在 style 屬性中,我們可以通過 font-size 屬性來指定字體大小。例如上面的例子中,我們設置了 12px 和 16px 大小的字體。
除了使用像素值,我們還可以使用 em 或 rem 單位來定義字體大小。例如:
<p style="font-size:2em">這是原字體大小的兩倍</p> <p style="font-size:1.5rem">這是根元素(html)字體大小的 1.5 倍</p>
以上就是 HTML 中設置字體顏色和大小的方法啦。同時,我們還可以通過 CSS 中的 font-family 屬性設置字體樣式。希望這篇文章能夠幫助大家更好地美化和優化頁面效果。