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