CSS提供了很多種樣式來改變文字的外觀,其中加粗和添加陰影是非常常用的。下面我們來探討如何將文字加粗,并在其周圍添加陰影效果。
/* 使用font-weight屬性來將文字加粗 */ p { font-weight: bold; } /* 使用text-shadow屬性來添加陰影 */ p { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
上述代碼中,我們首先使用了font-weight
屬性來將文字加粗,具體的參數可以是normal
(默認)、bold
或bolder
等值。也可以使用數字來表示加粗的程度,如font-weight: 700
。
接下來,我們使用了text-shadow
屬性來添加陰影。它的參數分別是x-offset
、y-offset
、blur-radius
和color
。其中,x-offset
表示陰影的水平偏移量,y-offset
表示陰影的垂直偏移量,blur-radius
表示陰影的模糊半徑,color
表示陰影的顏色。在上面的示例中,我們設置了一個水平偏移量為1個像素,垂直偏移量為1個像素,模糊半徑為2個像素,顏色為黑色透明度為0.3的陰影。
這樣,我們就成功地將文字加粗并添加陰影效果了。同時,我們可以隨意調整font-weight
和text-shadow
的參數,以達到我們想要的效果。
上一篇css文字加醋
下一篇css文字加一個灰色背景