要實現的效果圖:
實現的**:
整個頁面的**:-webkit-box-shadow
:0px 3px 3px
#c8c8c8 ;
-moz-box-shadow
:0px 3px 3px
#c8c8c8 ;
box-shadow
:0px 3px 3px
#c8c8c8 ;
高校地圖title>
head>
class="container">
class="search">
class="search_left">
src="img/back.png" />
div>
class="search_input">
type="text"
placeholder="輸入商鋪名稱,車位號,服務設施">
div>
class="search_right">
src="img/scale_search.png"
alt="放大" />
div>
div>
div>
class="words">常用服務設定...div>
class="servers">
src="img/stairs.png"
alt="手扶電梯" />
li>
src="img/stairs2.png"
alt="手扶電梯" />
li>
src="img/***.png"
alt="手扶電梯" />
li>
src="img/entris.png"
alt="手扶電梯" />
li>
src="img/exiy.png"
alt="手扶電梯" />
li>
src="img/moner.png"
alt="手扶電梯" />
li>
ul>
div>
class="words">車牌找車div>
class="servers">
src="img/car.png"
alt="車牌找車" />
li>
ul>
div>
body>
html>
文末福利:
【領取方法】
CSS實現的陰影效果
一點陰影可以給平板的設計增加縱深的感覺,很多時候我們可以直接用photoshop直接製作帶陰影的以供使用 但是對於一些和使用者互動的,特別是對於一些簡單的文字層,如果用就不太好處理。這裡介紹的是一種不需要使用背景,而只需要用css完成的。效果圖 實現的方法主要是2個層。乙個層用做背景,然後把這個層做...
用 CSS 實現的陰影效果
陰影效果成了平面設計的乙個套路,平面設計師把它當作瑞士軍刀的起子,隨處使用,儘管招致不少非議,卻一直廣受歡迎。雖然用影象編輯軟體也能實現陰影效果,但在web設計快速發展的今天,適應性和易用性是大勢所趨,這種以固定背景效果製作出的靜態很難有良好的適應性。假如有一種技術,用 css 對任意塊級元素靈活地...
用 CSS 實現的陰影效果
中文翻譯 onestab 2004.02.28 假如有一種技術,用 css 對任意塊級元素靈活地新增陰影,而且能隨著內容的大小自動擴充套件,還要適用於大多數流行的瀏覽器,那該有多好!不信麼?告訴您,只需寫幾行 就能做到。陰影效果成了平面設計的乙個套路,平面設計師把它當作瑞士軍刀的起子,隨處使用,儘管...