卡卡網(wǎng)

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

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

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

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

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

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

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

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

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

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

本文介紹4個(gè)漂亮的CSS3 Loading預(yù)加載動(dòng)畫實(shí)例。

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

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

很多網(wǎng)站在打開時(shí)，頂部首先展開一條大橫幅，幾秒后自動(dòng)收起，但并非消失，這種廣告效果比較好，因?yàn)樗屓艘欢ㄗ⒁獾剿拇嬖?，并看到它的廣告內(nèi)容。本文就介紹一下這個(gè)廣告的實(shí)現(xiàn)方法。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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