今天比較忙,沒能好好看新東西,就記錄一個常用的CSS3屬性吧:box-shadow,表示陰影,如果設置了border-radius圓角,則陰影也是圓角
box-shadow目前是IE9及以上和其他現代瀏覽器都支持的屬性了。
語法:
Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#
取值:
inset: 表示陰影在邊框內部(即使是無邊框),在背景之上,內容之下;
offset-x 和 offset-y: 偏移量,正值表示向左和向下;
blur-radius: 模糊半徑,默認0,不能為負值;
spread-radius: 取正值陰影擴大,取負值縮小,默認為0.
color: 顏色,所未定義則由瀏覽器確定。
新聞熱點
疑難解答