欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css實(shí)現(xiàn)的漂亮的分頁(yè)效果代碼(橘黃色與藍(lán)色)

  發(fā)布時(shí)間：2010-06-06 18:24:35   作者：佚名   我要評(píng)論
在做pj皮膚的時(shí)候到網(wǎng)上搜了個(gè)分頁(yè)效果，因?yàn)轭伾淮罹蜎](méi)用，但是個(gè)人認(rèn)為挺漂亮。代碼也夠簡(jiǎn)潔。

在做pj皮膚的時(shí)候到網(wǎng)上搜了個(gè)分頁(yè)效果，因?yàn)轭伾淮罹蜎](méi)用，但是個(gè)人認(rèn)為挺漂亮。代碼也夠簡(jiǎn)潔。

下面是用的背景圖片：


html代碼：

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

<div id="pagebar">
<a href="#"><<</a>
<span class="page_now">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
<a href="#">11</a>
<a href="#">12</a>
<a href="#">13</a>
<a href="#">14</a>
<a href="#">15</a>
<a href="#">>></a>
</div>

css代碼

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

* {
margin:0;
padding:0;
text-decoration:none;
}
#pagebar {
float:left;
display:inline;
width:570px;
height:32px;
margin:50px;
font-size:13px; }
#pagebar a,#pagebar .page_now {
display:block;
float:left;
margin-right:4px;
padding:2px 5px;
border:1px solid #f30;
color:#fff;
font-weight:800;
background:url(pagebar_bg.png) repeat-x 0 0 ;
}
#pagebar a {
display:inline;
}
#pagebar a:hover {
border:1px solid #03c;
background-position:0 -30px;
}
#pagebar .page_now {
border:1px solid #333;
background-image:none;
background:#666;
}

預(yù)覽效果：

提示：您可以先修改部分代碼再運(yùn)行

相關(guān)文章

最新評(píng)論