今天我要分享的是我們最為常用的分頁列表及分頁樣式代碼，很多人在這個上面花費的時間較多，其實很簡單，如果使用我下面的通用版本就很輕而易舉的完工，感興趣的朋友可以了解下

我們站長使用織夢(dedecms)用來給自己的網(wǎng)站作為內(nèi)核的還是比較多的，因為屬于國產(chǎn)CMS，一來要支持一下，二來算是目前國內(nèi)CMS中做的最好的 開源程序之一。所以更多的朋友喜歡用來作為網(wǎng)站的內(nèi)核。我們只需要給自己需要做的網(wǎng)站做一個屬于自己的模板就可以了。但是在做模板的過程中我們需要用到很 多功能，一些通用的功能完全可以采納通用的樣式代碼操作，比如itbulu在給公司做仿站的時候需要用到的標簽都做成通用版，以后要要使用的時候直接調(diào)用 復制就可以，省時省力。

比如今天我要分享的是我們最為常用的分頁列表及分頁樣式代碼，很多人在這個上面花費的時間較多，其實很簡單，如果使用我下面的通用版本就很輕而易舉的完工。

首先，我們需要在分頁列表模板中插入分頁列表標簽：

代碼如下:

<ul>{dede:list pagesize='30'}

<li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次閱讀)</li>

{/dede:list} </ul>

<div id="pageNav">

<ul>{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div>

查看上面的代碼是我們需要插入在分頁列表模板中的，上面的列表樣式我就不列舉，主要看其中的分頁這段，因為重點是這里，因為很多朋友在加入分頁后出現(xiàn)有小圓點，或者是不是橫排的。

其次，加入分頁樣式：

代碼如下:

#pageNav {

font: 12px/24px Tahoma;

height: 30px;

margin: 15px auto 0;

text-align: center;

width: 500px;

}

#pageNav ul {

list-style-type: none;

overflow: hidden;

}

#pageNav ul li {

background-color: #FFFFFF;

border: 1px solid #CCDBE4;

color: #0B3B8C;

display: block;

height: 22px;

margin: 0 2px;

padding: 0 3px;

float: left;

}

#pageNav ul li a {

background-color: #FFFFFF;

color: #0B3B8C;

padding: 0 3px;

}

#pageNav ul li a:hover {

color: #D87D08;

}

#pageNav ul li.hover {

border: 0 none;

color: #000000;

font-weight: bold;

}

#pageNav ul li.hover a {

color: #000000;

}