CSS文本樣式是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分,可以使文本更加美觀、易讀。下面將介紹一些常用的CSS文本樣式及其使用方法。
/* 字體樣式 */ font-family: Arial, sans-serif; /* 可以設(shè)置字體,如果用戶計(jì)算機(jī)上沒有Arial字體,則會(huì)使用瀏覽器默認(rèn)字體 */ font-size: 16px; /* 設(shè)置字體大小 */ font-weight: bold; /* 設(shè)置字體粗細(xì) */ /* 顏色樣式 */ color: red; /* 設(shè)置字體顏色 */ background-color: yellow; /* 設(shè)置背景顏色 */ /* 對(duì)齊樣式 */ text-align: center; /* 設(shè)置文本水平居中 */ line-height: 1.5; /* 設(shè)置行高,使文本垂直居中 */ /* 文本裝飾樣式 */ text-decoration: underline; /* 添加下劃線 */ text-decoration: line-through; /* 添加刪除線 */ /* 其他樣式 */ text-overflow: ellipsis; /* 當(dāng)文本溢出元素時(shí),縮略顯示 */ white-space: nowrap; /* 防止文本換行,顯示在同一行內(nèi) */ word-break: break-all; /* 在單詞內(nèi)斷行,避免元素太窄時(shí)文字溢出 */
以上為常見的CSS文本樣式,可以根據(jù)不同的需要進(jìn)行組合使用。