CSS邊框陰影的寫法
在CSS中,可以使用box-shadow
屬性來添加邊框陰影。box-shadow
屬性接受四個值,分別是水平偏移、垂直偏移、模糊半徑和顏色。
以下代碼可以將一個元素的邊框添加陰影:
border: 1px solid #000; box-shadow: 5px 5px 10px #333;
在這個例子中,border
屬性設(shè)置了一個1像素寬的黑色邊框,box-shadow
屬性則添加了一個水平偏移和垂直偏移都為5像素、模糊半徑為10像素、顏色為深灰色的陰影。
如果想要讓陰影更加突出,可以增大模糊半徑的值,如果想要改變陰影的顏色,可以調(diào)整***后一個參數(shù)。
box-shadow
屬性還支持一些其他參數(shù),例如inset
和repeat
,可以用來設(shè)置陰影的方向和重復(fù)次數(shù)。
CSS的box-shadow
屬性可以用來輕松地添加邊框陰影,讓網(wǎng)頁元素更加美觀和突出。