我們可以設定盒子的陰影效果，可以使盒子更加美觀；語法格式box-shadow：水平陰影 | 垂直陰影 | 模糊距離 | 陰影顏色 內/外陰影；
h-shadow：必需填寫，水平陰影的位置，允許為負值
v-shadow：必需填寫，垂直陰影的位置，允許為負值
blur：模糊距離，可以不必填寫 spread：陰影的顏色， inset/outset 分別為內陰影和外陰影 預設為外陰影
這是乙個盒子
當載入網頁的時候，使用者需要向伺服器傳送請求，網頁上的每張一次一次請求才能展現給使用者，當網頁中的過多的時候那請求的次數也會增加，這樣**的載入時間就會過長，為了提高網頁的載入速度，就出現了精靈技術。
精靈技術的本質就是，將若干張放到同一張大圖上，通過北京定位的方式，將大圖定位到合適的位置，得到需求背景，多個元素公用同一張背景，這樣通過一次請求得到的多個盒子使用。
當多個不同寬度盒子公用同一風格的背景的時候，如何用一張來作為多個不同寬度的盒子的背景呢？那麼我們就要用到滑動門技術，通過乙個父級盒子裡放乙個子盒子，兩盒子用同一張背景（背景的寬度大於盒子的寬度），讓父盒子背景居左，子盒子背景居右。當父盒子，子盒子不斷被撐大時，背景隨盒子的撐大其在盒子外被隱藏的部分逐漸顯現出來，只要盒子寬度不超過背景的寬度，那麼這兩個盒子看起來就像乙個盒子。
這是乙個滑動門
滑動門 css陰影效果
css陰影效果 drop shadows 一點陰影可以給平板的設計增加縱深的感覺,很多時候我們都是直接用photoshop直接製作帶陰影的以供使用,這裡介紹的是一種不需要修改,而只需要用css完成的技巧.網頁教學網 原理 給 備用的陰影影象 shadow.gif html 如下 網頁教學網 css ...
CSS滑動門技術
製作網頁時,為了美觀,會製作設定特殊形狀的背景,裡面的字數不一樣,為了使各種特殊形狀能夠自適應元素中文字內容的多少,出現了css滑動門技術.是各種特殊形狀的背景能夠根據文字內容的多少拉伸滑動,可用性更強.最常見的是各種導航欄的滑動門.使用精靈技術 主要是背景位置 和padding撐開盒子,找一很長的...
css滑動門技術
為了使各種特殊形狀的背景能夠自適應元素中文字內容的多少，出現了css滑動門技術。使各種特殊形狀的背景能夠自由拉伸滑動，以適應元素內部的文字內容，可用性更強。最常見於各種導航欄的滑動門。工作原理 滑動門技術的關鍵主要在於拼接，利用css精靈sprite 主要是背景位置position 和盒子paddi...