<s id="2e0qm"><div id="2e0qm"></div></s>
<div id="2e0qm"><button id="2e0qm"></button></div>
<small id="2e0qm"></small>
<div id="2e0qm"></div>
<div id="2e0qm"><s id="2e0qm"></s></div>
<div id="2e0qm"><button id="2e0qm"></button></div>
主頁 > 知識庫 > 網頁基礎 > DIV&CSS >

精選30個優秀的CSS技術和實例

來源:未知 作者:admin 發表于:2009-09-29 14:31  點擊:
今天,我們為大家收集精選了 30個使用純CSS 完成的強大實踐的 優秀CSS技術和實例 ,您將在這里發現很多與眾不同的技術,比如:圖片集、陰影效果、可擴展按鈕、菜單等這些實例都是使用純CSS和HTML實現的。 單擊每個實例的標題可以被轉向到該技術實例的相關教程

今天,我們為大家收集精選了30個使用純CSS完成的強大實踐的優秀CSS技術和實例,您將在這里發現很多與眾不同的技術,比如:圖片集、陰影效果、可擴展按鈕、菜單等…這些實例都是使用純CSS和HTML實現的。
單擊每個實例的標題可以被轉向到該技術實例的相關教程或說明頁面(英文),單擊每個實例的圖片截圖可以直接跳轉到相應實例的Demo頁面。

1.Hoverbox 圖片集

一個純凈的基于CSS的圖片集,鼠標懸停縮略圖就會顯示放大效果。
CSS-實例

2.高級CSS菜單

一款很有創意且復雜的CSS導航方案。
CSS-實例

3.滑動影集

手風琴效果的影集,懸停便可拉伸圖片。
CSS-實例

4.Lightbox幻燈片

題為”Supercharge your image borders“的文章中的一部分展示了如何使用CSS樣式讓圖片變得更有意思。
CSS-實例

5.圖片的陰影效果

在A List Apart上的一個關于圖片效果Demo的討論文章“CSS Drop shadows“.
CSS-實例

6.跨瀏覽器多頁式影集

懸停標簽改變分類,懸停縮略圖顯示放大圖。
CSS-實例

7.CSS照片放大

使用簡單的圖片和background-position屬性來進行調解。
CSS-實例

8.CSS gallery layout—smells like a table

模仿表格布局,但使用的是列表。圖集是流式寬度。
CSS-實例

9.Sticky Footer

僅使用了很少XHTML的靜態頁腳。
CSS-實例

10.whatever: hover

模仿Windows開始菜單的CSS導航菜單。
CSS-實例

有幫助
(486)
79.5%
沒幫助
(125)
20.5%
真人女荫道口100种图片
<s id="2e0qm"><div id="2e0qm"></div></s>
<div id="2e0qm"><button id="2e0qm"></button></div>
<small id="2e0qm"></small>
<div id="2e0qm"></div>
<div id="2e0qm"><s id="2e0qm"></s></div>
<div id="2e0qm"><button id="2e0qm"></button></div>