CSS可以通過box-shadow
屬性給盒子添加內(nèi)陰影,這個(gè)屬性接受四個(gè)值,分別是水平陰影位置、垂直陰影位置、陰影模糊半徑和陰影顏色,下面是一個(gè)簡(jiǎn)單的例子:
.box { width: 200px; height: 200px; background-color: #f0f0f0; box-shadow: 10px 10px 5px #000000; }
在這個(gè)例子中,.box
類定義了一個(gè)盒子,box-shadow
屬性給盒子添加了內(nèi)陰影,水平陰影位置設(shè)置為10px
,垂直陰影位置設(shè)置為10px
,陰影模糊半徑設(shè)置為5px
,陰影顏色設(shè)置為黑色(#000000
),這樣,盒子內(nèi)部就會(huì)有一個(gè)模糊的內(nèi)陰影效果。
你可以根據(jù)需要調(diào)整這些值,以達(dá)到不同的內(nèi)陰影效果,如果你想要更明顯的陰影效果,可以增加水平陰影位置和垂直陰影位置的值;如果你想要更模糊的陰影效果,可以增加陰影模糊半徑的值,你也可以選擇不同的顏色來作為內(nèi)陰影的顏色。
CSS的box-shadow
屬性可以方便地給盒子添加內(nèi)陰影效果,讓盒子看起來更加立體和美觀。