DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS3中box-shadow的用法介紹
CSS3中box-shadow的用法介紹
編輯:布局實例     

   一般我們通過box-shadow來設置盒陰影,但是有些屬性我們一般沒有用到,這篇文章將對box-shadow屬性進行逐個分析。

  語法

  CSS Code復制內容到剪貼板

  E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}

  即:

  對象選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色}

  inset 投影方式

  此參數是一個可選值,如果不設值,其默認的投影方式是外陰影;如果取其唯一值“inset”, 其投影就是內陰影;

  x-offset

  水平方向的偏移量;

  y-offset

  垂直方向的偏移量;

  blur-radius模糊半徑

  可選,只能為整數,值越大陰影就越模糊;

  spead-radius擴展半徑

  可選,可以為正數或者負數,如果為負數,整個陰影將會縮小;

  color陰影顏色

  可選,如果不設定值,浏覽器將會采用其默認色,默認色一般是黑色。

  一般我們很少用到inset和spead-radius這兩個屬性,如果運用好這兩個屬性可以制作出

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved