在CSS中,文本樣式是網(wǎng)頁設(shè)計中的重要組成部分,它可以更好地實現(xiàn)網(wǎng)頁的排版、排版的美觀以及用戶體驗。本文將介紹一些CSS中常見的文本樣式。
/* 字體樣式 */ /* 設(shè)置字體大小 */ font-size: 16px; /* 設(shè)置字體名稱 */ font-family: "Microsoft YaHei", sans-serif; /* 設(shè)置字體粗細 */ font-weight: bold; /* 顏色樣式 */ /* 設(shè)置文本顏色 */ color: #333; /* 設(shè)置背景顏色 */ background-color: #fff; /* 行高樣式 */ /* 設(shè)置行高 */ line-height: 1.5; /* 對齊樣式 */ /* 文本對齊 */ text-align: center; /* 間距樣式 */ /* 字符間距 */ letter-spacing: 1px; /* 行間距 */ line-spacing: 1.5px; /* 裝飾樣式 */ /* 文本裝飾 */ text-decoration: underline; /* 獲得焦點時的裝飾 */ :focus{ outline: none; border-color: #428bca; box-shadow: 0 0 8px #428bca; } /* 超鏈接樣式 */ /* 去除下劃線 */ a{ text-decoration: none; } /* 超鏈接顏色 */ a:link{ color: #428bca; } /* 鼠標懸停時超鏈接顏色 */ a:hover{ color: #333; }
上述CSS代碼是文本樣式中常見的設(shè)置,可以根據(jù)具體需求來進行更改,以實現(xiàn)理想的效果。