CSS中的陰影效果可以讓頁面元素更加立體和生動,而實線陰影可以使得元素周圍圍繞一圈線條,使得頁面元素的邊緣更加清晰。下面是CSS如何設置實線陰影的方法。
.shadow { box-shadow: 0 0 5px #000; }
上面的代碼中,我們使用了CSS的box-shadow屬性來設置元素的陰影效果。box-shadow屬性有四個值,分別為:
第一個值為左右偏移量,正值為向右偏移,負值為向左偏移,單位是像素(px);
第二個值為上下偏移量,正值為向下偏移,負值為向上偏移,單位是像素(px);
第三個值為陰影模糊程度,數值越大表示陰影越模糊,單位是像素(px);
第四個值為陰影的顏色,可以使用顏色的名稱、十六進制值、RGB值或HSL值。
在上面的代碼中,我們把第一個值和第二個值都設置為0,表示陰影不偏移,第三個值設置為5px,表示陰影模糊程度為5像素,最后一個值設置為#000,表示陰影顏色為黑色。
當我們把上面的代碼應用到一個元素上時,這個元素就會圍繞著一圈黑色線條形成實線陰影的效果。
上一篇css如何設置音樂樣式
下一篇css如何讓div左