CSS3盒模型陰影屬性

CSS3盒子陰影
屬性box-shadow也是CSS3新增的一個重要屬性,用來定義元素的盒子陰影。

  1. inset: 陰影類型, 可選值。 如果不設置, 其默認的投影方式是外陰影; 如果取其唯一值“ inset”, 就是給元素設置內陰影。
  2. x-offset: 陰影水平偏移量, 其值可以是正負值。 如果取正值, 則陰影在元素的右邊, 反之取負值, 陰影在元素的左邊。
  3. y-offset: 陰影垂直偏移量, 其值可以是正負值。 如果取正值, 則陰影在元素的底部, 反之取負值, 陰影在元素的頂部。
  4. blur- radius: 陰影模糊半徑, 可選參數。 其值只能是正值, 如果取值 爲“ 0” 時, 表示陰影不具有模糊效果, 如果取值越大, 陰影的邊緣就越模糊。
    http:/ /www.iis7.com/b/plc/
  5. spread- radius: 陰影擴展半徑, 可選參數。 其值可以是正負值, 如果取值爲正值, 則整個陰影都延展擴大, 反之取值爲負值, 則整個陰影都縮小。
  6. color: 陰影顏色, 可選參數, 如果不設定任何顏色 時, 瀏覽器會取默認色, 但各瀏覽器 默認色不一樣,
  7. 在圖片上加內陰影,先給圖片添加一個容器,如:div等,
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章