CSS可以非常靈活地設置各種不同形狀的div。這篇文章將教你如何使用CSS設置凹形的div。
.box { width: 200px; height: 200px; background-color: #ccc; border: solid 2px #000; border-radius: 10px; box-shadow: inset 5px 5px 5px rgba(0,0,0,0.5); }
在上面的代碼中,我們創建了一個寬和高都為200px的div,并給它設置了一些基本的樣式。border-radius屬性用于設置div的圓角半徑,這里設置為10px,讓div的邊角看起來更加圓潤。box-shadow屬性用于設置div的陰影,這里使用了inset關鍵字,讓陰影呈現凹形效果。
上面的代碼只是一個簡單的例子,你可以根據自己的需求設置更多的樣式,例如背景色、邊框樣式等等。只需把代碼中的相關屬性修改即可。
總之,使用CSS設置凹形的div非常簡單,只需要掌握一些基本的CSS屬性即可。希望這篇文章能夠幫助你更深入地了解CSS的使用。
上一篇css預編譯有什么用
下一篇css讓靠右對齊