DW CSS陰影是一種常用的樣式效果,它可以為網頁元素添加陰影效果,使網頁看起來更加有層次感。下面我們將介紹關于DW CSS陰影的相關內容。
.box { box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; }
以上是一個基本的例子,其中box-shadow是CSS3的屬性,用于設置元素的陰影效果,后面的參數依次為水平陰影的偏移量、垂直陰影的偏移量、陰影的模糊半徑和陰影的顏色。-moz-box-shadow和-webkit-box-shadow則是為了兼容不同的瀏覽器。
.box { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
當然,我們也可以使用rgba表示陰影的顏色,其中a為透明度,可以設置為0-1之間的值。如上面的例子所示,設置了一個透明度為0.5的黑色陰影效果。
.box { box-shadow: 0 0 4px #ccc, 0 0 8px rgba(0, 0, 0, 0.5); }
我們還可以同時添加多個陰影效果,用逗號隔開即可。如上所示,box-shadow屬性中同時設置了兩個不同的陰影效果。
綜上所述,DW CSS陰影是一種簡單易用的樣式效果,可以為網頁元素提供不同的陰影效果,使頁面看起來更加美觀。
下一篇dw css行距