這次來介紹如何調整文本外觀和字體設計,來美化文字顏色、大小、字體、對齊方式等以及好用的屬性吧!
(畢竟身為人都是外貌協會對美的事物都有好感的嘛-v-)
範例:將所有段落元素的文字顏色都設定為紅色。
p {
color: red;
}
使用font-size屬性更改文字大小。可用各種單位表示像: 像素(px)、百分比(%)等都行。
範例:將h1標題元素的字體大小設置為24像素。
h1 {
font-size: 24px;
}
範例:指定字體為Arial,若不可用則使用sans-serif作為後備字體。
body {
font-family: Arial, sans-serif;
}
範例:將所有段落元素中的文本居中對齊。
p {
text-align: center;
}
範例:將h2標題元素的文字變為粗體,em元素的文字變為斜體。
h2 {
font-weight: bold;
}
em {
font-style: italic;
}
介紹到這邊,感謝觀看!