CSS是一種用于網(wǎng)頁設(shè)計(jì)的語言,可以控制網(wǎng)頁的外觀和布局,其中涉及到字體、描邊和陰影等效果。
/* 字體 */
p {
font-family: 'Arial', sans-serif;
font-size: 16px;
font-weight: bold;
}
/* 描邊 */
p {
color: #fff;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
/* 陰影 */
p {
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
在CSS中,可以使用font-family屬性來指定所使用的字體。若想使用Arial字體并且無法加載時(shí),則應(yīng)使用sans-serif字體作為備選字體。font-size屬性可以指定字體的大小,而font-weight屬性可以設(shè)置字體的粗細(xì)程度。
描邊效果可以增加文字的可讀性。為文字設(shè)置同樣顏色的陰影,使字形清晰,在白色背景上表現(xiàn)尤佳。以上代碼中使用了text-shadow屬性,分別定義文字的四個(gè)陰影方位。采用黑色較深色作為描邊顏色時(shí)表現(xiàn)更明顯。
陰影效果則可以為文字增加立體感,更加突出效果。在以上代碼中,使用了box-shadow屬性,其中第一個(gè)參數(shù)是水平偏移量,第二個(gè)參數(shù)是垂直偏移量,第三個(gè)參數(shù)是模糊半徑,第四個(gè)參數(shù)是陰影擴(kuò)散半徑,最后一個(gè)參數(shù)是陰影顏色。