主頁 > 知識庫 > css分頁樣式代碼

css分頁樣式代碼

熱門標(biāo)簽:隨州外呼系統(tǒng)廠家 地圖標(biāo)注微信好友 地圖標(biāo)注樓盤 ai電話機(jī)器人效果差 沈陽400電話辦理多少錢 南山電話機(jī)器人 蘇州做電話機(jī)器人 南昌電話機(jī)器人系統(tǒng) 快速更改地圖標(biāo)注點(diǎn)標(biāo)
第一個是從360而來的效果如圖所示:普通的a標(biāo)記的分頁,兼容性好。綠色樣式

演示代碼:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

第二種:深藍(lán)色效果,當(dāng)然顏色大家可以自行修改。
效果如圖:

演示代碼:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

第三種代碼:
css代碼:
復(fù)制代碼 代碼如下:

#page{margin:5px; padding-bottom:20px; padding-top:20px;}
#page a{border:1px solid #003399;padding:5px;margin:2px;background-color:#FFFFFF;color:#003300;height:18px; }
#page a:hover{font-size:14px; color:#FFFFFF; background-color:#003399;padding:5px;margin:2px;height:20px;}

效果圖片.

這是mouse沒的指上時.

這是指上去時,

好了現(xiàn)在我們來看看怎么使用這代碼.

html代碼:

復(fù)制代碼 代碼如下:

div id=page>記錄條 共4頁 每頁20條 a href=?id=74page=1>
img src="/boke/blog/Pic/first.gif" border=0 alt='第一頁'>/a>
a href=?id=74page=1 class='sf'>1/a>
a href=?id=74page=2 class='sf'>2/a>
a href=?id=74page=3 class='sf'>3/a>
a href=?id=74page=4 class='sf'>4/a>
a href=?id=74page=2>img src="/boke/blog/Pic/next.gif" border=0 alt='下一頁' >/a>
a href=?id=74page=4>img src="/boke/blog/Pic/Last.gif" alt='最后一頁' border=0 >/a>
/div>

標(biāo)簽:濰坊 昭通 濰坊 石家莊 大同 玉樹 商洛 深圳

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《css分頁樣式代碼》,本文關(guān)鍵詞  css,分頁,樣式,代碼,css,分頁,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《css分頁樣式代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于css分頁樣式代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章