卡卡網(wǎng)

本文將介紹css ribbons如何實現(xiàn)漸變色帶的樣式。CSS-Ribbons 漸變色帶樣式本文介紹的色帶有兩種，分別是從左到右漸變，和從右到左漸變。

一些網(wǎng)頁的標(biāo)題或菜單呈帶狀樣式，本文將給大家介紹一個css-ribbons實例，適合用于標(biāo)題樣式。

在這篇新文章中，您將學(xué)習(xí)如何使用HTML placeholder屬性創(chuàng)建一個精美的CSS3搜索框。

CSS能夠制作各種形狀，本文收集了44個常見的CSS3形狀圖形。

本文為大家分享130個純CSS3圖標(biāo)(CSS icons)，值得下載收藏的寶貴資料。

本文介紹一個CSS3 loading預(yù)加載動畫——旋轉(zhuǎn)的圓弧，代碼很少，效果卻很好看。

本文將介紹CSS3+jQuery實現(xiàn)的工具提示(Tooltips)，本實例引用了jQuery文件，卻增強(qiáng)了提示框的顯示效果，添加了漸入的動畫效果，在用戶體驗上更好了。

在本文實例中，使用純CSS3來實現(xiàn)工具提示(Tooltips)，不需要用到Javascript，可謂簡單又實用。

今天我將介紹用純CSS3實現(xiàn)的內(nèi)容選項卡(Content Tabs)4個實例，在本教程中，我們將使用單選按鈕以及:checked偽類和同級組合器來實現(xiàn)一些簡單的CSS3內(nèi)容選項卡，效果很好，非常實用，值得收藏。

當(dāng)多個項目的內(nèi)容需要在同一頁面里展示時，往往是只顯示其中一個項目的內(nèi)容而隱藏其他項目的內(nèi)容，這時就需要用到內(nèi)容折疊的功能，本文介紹如何使用純CSS3來實現(xiàn)這個功能。

本文介紹4個漂亮的CSS3 Loading預(yù)加載動畫實例。

今天介紹一個實例，這個實例用css3實現(xiàn)旋轉(zhuǎn)圓盤的預(yù)加載動畫。

本文介紹另一個音波效果的CSS3 loading預(yù)加載動畫，代碼不復(fù)雜，使用也簡單，大家可以下載后即用。

很多網(wǎng)站在打開時，頂部首先展開一條大橫幅，幾秒后自動收起，但并非消失，這種廣告效果比較好，因為它讓人一定注意到它的存在，并看到它的廣告內(nèi)容。本文就介紹一下這個廣告的實現(xiàn)方法。

我們在設(shè)計表格樣式的時候，很多時候會把表格設(shè)計成圓角，這樣看起來會更加美觀。本文介紹兩個圓角表格實例。

本文介紹3款精美漂亮的CSS3表格，這3款表格特別適用于需要進(jìn)行項目對比的價格表格。

本文給大家介紹一個漂亮的CSS價格表格，它與其他表格的不同在于，它最下面一行是匯總行，在背景顏色和文字大小上要有所突出。

一個表格(table)，當(dāng)你設(shè)置了table和td的border寬度之后，你會發(fā)現(xiàn)單元格td與td之間有一點空隙，看起來整個表格不夠緊湊美觀。

本文介紹6個純CSS按鈕(button)實例，漂亮又實用，代碼使用簡單，又具有很強(qiáng)的可遷性，基本上在任何一張網(wǎng)頁都能很容易就能用上這些按鈕樣式。

本文介紹當(dāng)鼠標(biāo)移到表格上，高亮顯示鼠標(biāo)所在列和行。

有時候表格數(shù)據(jù)展示需要左右水平滾動表格列，但是第一列可能是主體列需要固定起來，因此就有了本文介紹的實例——表格(Table)固定第一列，其余列可水平滾動。

當(dāng)表格往上滾動的時候，表頭固定不動，這樣可以讓用戶時刻看清每一列的數(shù)據(jù)含義，這是人性化的設(shè)計，充分考慮了用戶使用體驗。本文將通過5個實例，來介紹這種表格設(shè)計。

本文介紹4款簡單常見的純CSS表格(table)樣式。

如果你要設(shè)計一張同時兼容PC和移動設(shè)備的響應(yīng)式網(wǎng)頁，那么響應(yīng)式表格(Responsive Table)就變得非常必要，本文精心收集了4款響應(yīng)式表格實例，代碼簡潔，幾乎可以拿來即用。

CSS Loading 加載動畫常用于網(wǎng)頁或應(yīng)用程序加載提示，它比純gif動畫圖片的優(yōu)點在于不用占用文件體積。另外，css loading啟動更快，循環(huán)軌跡更為平滑。

本文介紹一個很常見的點擊按鈕后，網(wǎng)頁居中滑出覆蓋層和消息提示盒子的實例。

本文介紹一個CSS3+JQuery實現(xiàn)的三級下拉導(dǎo)航菜單。

本文是關(guān)于如何使用HTML5和CSS3創(chuàng)建切換登錄和注冊表單的教程。

CSS懸停效果按鈕（鼠標(biāo)移到按鈕上變成其他顏色），是一個非常常見的按鈕效果，今天通過一個簡單的實例來給大家介紹如何用css來實現(xiàn)這一效果。

本文將給大家介紹一個漂亮的css3圓形鼠標(biāo)懸停效果，這個效果在產(chǎn)品展示或列表圖片中都可以應(yīng)用，可以說是應(yīng)用范圍挺廣泛的。

今天給大家介紹一個關(guān)于如何用css轉(zhuǎn)換和3d旋轉(zhuǎn)在圓上創(chuàng)建不同有趣的懸停效果的教程。

本文通過2個實例介紹懸停效果很酷的css3實現(xiàn)的動畫按鈕。

本文我想和大家分享一些css3按鈕，它們是一些具有不同樣式、懸停效果和活動狀態(tài)的動畫鏈接元素。

在本教程中，我將向大家介紹如何只使用一個錨標(biāo)簽和一個強(qiáng)大的CSS，就能創(chuàng)建一個漂亮的按鈕。

本文介紹使用CSS創(chuàng)建模式窗體(modal window)覆蓋(overlay)層的3種方法。

在前文中介紹過純CSS實現(xiàn)上下左右箭頭，本文將擴(kuò)展一下，介紹如何用純CSS實現(xiàn)各種方向的箭頭。

本文介紹如何用純CSS實現(xiàn)上下左右箭頭（>）。

本文介紹如何使用CSS選擇器里不同的符號(+,> 和 ~) 以及它們的區(qū)別。

CSS具有匹配的選擇器語法，可以匹配href末尾的文件擴(kuò)展名。 這樣可以輕松添加與鏈接文本部分之前或之后的鏈接相關(guān)的圖標(biāo)。

在網(wǎng)頁上的外部鏈接旁邊放置一個出站鏈接圖標(biāo)會很有用的，這很容易使用CSS實現(xiàn)，而無需向錨標(biāo)記添加任何其他元素或向HTML源添加其他圖像標(biāo)記。

div層的顯示和隱藏在網(wǎng)頁設(shè)計中常常被用到，為了讓顯示/隱藏表現(xiàn)得生動一些，往往加些效果進(jìn)去，如淡入淡出效果、滾動效果、縮放效果等等。本文將介紹div層顯示/隱藏的6種常見效果。

項目列舉 li 是常用的網(wǎng)頁內(nèi)容布局排版標(biāo)簽，其樣式也非常豐富，單單是列表項標(biāo)記的類型（list-style-type），我們就有20多個選擇。今天談的問題是，項目列舉 li 換行文字左邊不對齊的問題。

Table表格顏色，默認(rèn)時是整個表格每行每列的顏色都一樣，這很容易產(chǎn)生視覺疲勞，因此，較友好的設(shè)計是TR單雙行顏色相間而不同。

本文介紹一個table表格樣式，是一種很友好的看著很舒服的表格樣式，常見用于教程站里。這也是是個十分通用的table表格樣式，可以說大部分網(wǎng)頁都適用。

有的瀏覽器如Firefox，在a標(biāo)簽（鏈接）點擊后會留下一個虛線邊框，影響美觀，我們?nèi)绻隺標(biāo)簽（鏈接）在點擊后不要留下虛線邊框，要怎么做呢？其實，我們可以從css來設(shè)置，達(dá)到要求。

html控件默認(rèn)樣式都不好看，需要css來美化，本文介紹的checkbox多選框和radio單選按鈕也不例外，美化工作需要css+圖片來完成。此外，Javascript或JQuery腳本也是少不了的，不然提交表單時傳值就有問題。

本文介紹用css實現(xiàn)的下拉菜單，簡單、方便、實用。為什么推薦用css實現(xiàn)的下拉菜單？因為html默認(rèn)的 select 控件生成的下拉菜單樣式不好控制，不夠美觀，使用css打造的下拉菜單，樣式可以更加美觀，設(shè)計可以隨意發(fā)揮。

在網(wǎng)頁設(shè)計時，有時遇到某個DIV內(nèi)容被其他層覆蓋擋住了，怎么辦呢？我們?nèi)绾巫屇骋籇IV層顯示在上面？其實，使用css屬性 z-index 就能解決問題。

在前文中介紹過CSS3實現(xiàn)圓角的方法，代碼更少更簡單，不過由于其不兼容IE8瀏覽器，所以就目前IE8仍然占一定用戶比例的情況下，CSS3要完全取代CSS還不太現(xiàn)實。因此本文將介紹純CSS實現(xiàn)圓角的4種寫法，該方法對比CSS3的優(yōu)勢是不用考慮瀏覽器的兼容問題。

圓波擴(kuò)散動畫效果，就是一個圓由中心向四周循環(huán)擴(kuò)散的動畫效果。圓波擴(kuò)散動畫效果應(yīng)用非常廣泛，例如可以用來表示某一個位置的狀態(tài)信息，在網(wǎng)頁設(shè)計中，常常被用來作為登錄或切換頁面時的等待狀態(tài)。本文將使用純CSS3實現(xiàn)上圖動畫效果。