在Web開發(fā)中,經(jīng)常需要對(duì)網(wǎng)頁中的文字或者代碼等進(jìn)行高亮顯示來引起用戶的注意。CSS可以通過設(shè)置顏色和背景色來實(shí)現(xiàn)高亮顯示。
//設(shè)置文字顏色高亮 .highlight{ color: red; }
以上代碼將指定highlight類的文字顏色設(shè)置為紅色,從而實(shí)現(xiàn)高亮顯示。
//設(shè)置背景色高亮 .highlight{ background-color: yellow; }
以上代碼將指定highlight類的背景色設(shè)置為黃色,從而實(shí)現(xiàn)高亮顯示。
當(dāng)然,我們也可以同時(shí)設(shè)置文字顏色和背景色來實(shí)現(xiàn)更加醒目的高亮效果。
//同時(shí)設(shè)置文字顏色和背景色高亮 .highlight{ color: white; background-color: blue; }
以上代碼將指定highlight類的文字顏色設(shè)置為白色,背景色設(shè)置為藍(lán)色,從而實(shí)現(xiàn)同時(shí)高亮顯示。
除了以上提到的方法外,我們還可以使用box-shadow來實(shí)現(xiàn)高亮效果。代碼示例如下:
//使用box-shadow來實(shí)現(xiàn)高亮 .highlight{ box-shadow: 0 0 10px yellow; }
以上代碼將指定highlight類的文字周圍添加10像素寬的黃色陰影,從而實(shí)現(xiàn)高亮顯示。
總之,CSS提供了多種方法可以滿足我們對(duì)網(wǎng)頁中文字和代碼高亮的需求,可以根據(jù)實(shí)際情況選擇適合的方法。