CSS盒子添加影子,可以讓我們的網站或者應用程序在視覺效果上更加立體、美觀。
.box { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }
上述代碼給class為"box"的盒子添加了一個淡淡的灰色陰影效果,可以通過修改box-shadow屬性的值來調整陰影的大小和顏色,也可以添加多個陰影層。
.box { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1), 2px 2px 10px rgba(0, 0, 0, 0.2); }
上述代碼給class為"box"的盒子添加了兩個不同大小、不同透明度的陰影效果,可以通過調整第二個陰影的偏移量和顏色來讓陰影層看上去更加立體。
需要注意的是,box-shadow屬性在IE6-8的瀏覽器中不支持,但可以通過CSS3PIE等插件來實現該效果。
上一篇mysql密碼不滿足要求
下一篇mysql寬表轉豎表