有時候我們需要在CSS3寫一個彈性盒子，那麼這個程式碼要怎麼做呢？這就需要用到我們的box-shadow屬性了，他可以讓盒子在顯示的時候產生陰影效果，下面就給大家詳細的說明一下
寫法：
box-shadow:length length length color;
第一個參數表示陰影離開盒子的橫向距離
第二個參數表示陰影離開盒子的縱向距離
第三個參數表示陰影的模糊半徑
第四個參數表示陰影的顏色
對盒子內元素使用陰影
可以單獨對盒子內的子元素使用陰影。
可以使用first-letter選擇器或first-line選擇器來只讓第一個文字或第一行具有
陰影效果
對表格及儲存格使用陰影
可使用box-shadow屬性讓表格及表格內的儲存格產生陰影效果。
指定針對元素的寬度與高度的計算方法
在css3中，並使用box-sizing屬性指定針對元素的寬度與高度的計算方法
box-
box- sizing屬性
在css中，使用width屬性和height屬性來指定元素的寬度和高度。
但使用box-sizing屬性，可以指定用width屬性和height屬性分別指定的寬度和
高度值是否包含元素內部的補白區域，以及邊框的寬度和高度。
可以給box-sizing屬性指定的屬性值為content-box屬性值與border-box屬性值。前者表示元素的寬度與高度不包括內部補白區域，以及邊框的寬度與高度
，後者表示元素的寬度與高度包括內部補白區域，以及邊框的寬度與高度。
以前預設的是使用content-box屬性值。
padding-box,即指定的寬度與
高度內容包括內容的寬度與高度和內部
部補白區域的寬度和高度，不包括邊
部份補白區域的寬度和高度，不包括邊
##使用的目的是控制元素的總寬度，如果不使用該屬性，樣式中預設的使用的是content-box屬性值，它只針對內容的寬度做了一個指定，卻沒有對元素的總寬度進行指定。 有些場合下利用border-box屬性值會使得頁面佈局
更方便。例，只要將兩個div元素的border-box屬性值都設定為50%，就可以確保兩個div
元素並列顯示了。這就是彈性盒的做法了，更多精彩請關注php中文網其它相關文章！
相關閱讀：##########html裡div居中需要注意哪些######## ####html裡的if註解怎麼使用#######以上是css3的彈性盒怎麼做出來的詳細內容。更多資訊請關注PHP中文網其他相關文章！
