24款较经典的Page翻页分页css代码

web前端 9577 14年前 (2010-10-15)

24款较经典的Page翻页分页css代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />
<title>24款较经典的Page翻页分页css代码</title>
<link rel="stylesheet" type="text/css" href="css.css" media="all" />
<style>
/*公共*/
body{font-size:12px;font-family:verdana,arial,helvetica,sans-serif;width:60%;padding-left:25px}
div.digg{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.digg a{border-right:#aad 1px solid;padding-right:5px;border-top:#aad 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#aad 1px solid;color:#009;padding-top:2px;border-bottom:#aad 1px solid;text-decoration:none}
div.digg a:hover{border-right:#009 1px solid;border-top:#009 1px solid;border-left:#009 1px solid;color:#000;border-bottom:#009 1px solid}
div.digg a:active{border-right:#009 1px solid;border-top:#009 1px solid;border-left:#009 1px solid;color:#000;border-bottom:#009 1px solid}
div.digg span.current{border-right:#009 1px solid;padding-right:5px;border-top:#009 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#009 1px solid;color:#fff;padding-top:2px;border-bottom:#009 1px solid;background-color:#009}
div.digg span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.yahoo{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.yahoo a{border-right:#fff 1px solid;padding-right:5px;border-top:#fff 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#fff 1px solid;color:#009;padding-top:2px;border-bottom:#fff 1px solid;text-decoration:underline}
div.yahoo a:hover{border-right:#009 1px solid;border-top:#009 1px solid;border-left:#009 1px solid;color:#000;border-bottom:#009 1px solid}
div.yahoo a:active{border-right:#009 1px solid;border-top:#009 1px solid;border-left:#009 1px solid;color:red;border-bottom:#009 1px solid}
div.yahoo span.current{border-right:#fff 1px solid;padding-right:5px;border-top:#fff 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#fff 1px solid;color:#000;padding-top:2px;border-bottom:#fff 1px solid;background-color:#fff}
div.yahoo span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.meneame{padding-right:3px;padding-left:3px;font-size:80%;padding-bottom:3px;margin:3px;color:#ff6500;padding-top:3px;text-align:center}
div.meneame a{border-right:#ff9600 1px solid;padding-right:7px;background-position:50% bottom;border-top:#ff9600 1px solid;padding-left:7px;background-image:url(meneame.jpg);padding-bottom:5px;border-left:#ff9600 1px solid;color:#ff6500;margin-right:3px;padding-top:5px;border-bottom:#ff9600 1px solid;text-decoration:none}
div.meneame a:hover{border-right:#ff9600 1px solid;border-top:#ff9600 1px solid;background-image:none;border-left:#ff9600 1px solid;color:#ff6500;border-bottom:#ff9600 1px solid;background-color:#ffc794}
div.meneame a:active{border-right:#ff9600 1px solid;border-top:#ff9600 1px solid;background-image:none;border-left:#ff9600 1px solid;color:#ff6500;border-bottom:#ff9600 1px solid;background-color:#ffc794}
div.meneame span.current{border-right:#ff6500 1px solid;padding-right:7px;border-top:#ff6500 1px solid;padding-left:7px;font-weight:bold;padding-bottom:5px;border-left:#ff6500 1px solid;color:#ff6500;margin-right:3px;padding-top:5px;border-bottom:#ff6500 1px solid;background-color:#ffbe94}
div.meneame span.disabled{border-right:#ffe3c6 1px solid;padding-right:7px;border-top:#ffe3c6 1px solid;padding-left:7px;padding-bottom:5px;border-left:#ffe3c6 1px solid;color:#ffe3c6;margin-right:3px;padding-top:5px;border-bottom:#ffe3c6 1px solid}
div.flickr{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.flickr a{border-right:#dedfde 1px solid;padding-right:6px;background-position:50% bottom;border-top:#dedfde 1px solid;padding-left:6px;padding-bottom:2px;border-left:#dedfde 1px solid;color:#0061de;margin-right:3px;padding-top:2px;border-bottom:#dedfde 1px solid;text-decoration:none}
div.flickr a:hover{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#0061de}
div.meneame a:active{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#0061de}
div.flickr span.current{padding-right:6px;padding-left:6px;font-weight:bold;padding-bottom:2px;color:#ff0084;margin-right:3px;padding-top:2px}
div.flickr span.disabled{padding-right:6px;padding-left:6px;padding-bottom:2px;color:#adaaad;margin-right:3px;padding-top:2px}
div.sabrosus{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.sabrosus a{border-right:#9aafe5 1px solid;padding-right:5px;border-top:#9aafe5 1px solid;padding-left:5px;padding-bottom:2px;border-left:#9aafe5 1px solid;color:#2e6ab1;margin-right:2px;padding-top:2px;border-bottom:#9aafe5 1px solid;text-decoration:none}
div.sabrosus a:hover{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:#ffffe0}
div.pagination a:active{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:#ffffe0}
div.sabrosus span.current{border-right:navy 1px solid;padding-right:5px;border-top:navy 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:navy 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:navy 1px solid;background-color:#2e6ab1}
div.sabrosus span.disabled{border-right:#929292 1px solid;padding-right:5px;border-top:#929292 1px solid;padding-left:5px;padding-bottom:2px;border-left:#929292 1px solid;color:#929292;margin-right:2px;padding-top:2px;border-bottom:#929292 1px solid}
div.scott{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.scott a{border-right:#ddd 1px solid;padding-right:5px;border-top:#ddd 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ddd 1px solid;color:#88af3f;margin-right:2px;padding-top:2px;border-bottom:#ddd 1px solid;text-decoration:none}
div.scott a:hover{border-right:#85bd1e 1px solid;border-top:#85bd1e 1px solid;border-left:#85bd1e 1px solid;color:#638425;border-bottom:#85bd1e 1px solid;background-color:#f1ffd6}
div.scott a:active{border-right:#85bd1e 1px solid;border-top:#85bd1e 1px solid;border-left:#85bd1e 1px solid;color:#638425;border-bottom:#85bd1e 1px solid;background-color:#f1ffd6}
div.scott span.current{border-right:#b2e05d 1px solid;padding-right:5px;border-top:#b2e05d 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:#b2e05d 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#b2e05d 1px solid;background-color:#b2e05d}
div.scott span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.quotes{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.quotes a{border-right:#ddd 1px solid;padding-right:5px;border-top:#ddd 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ddd 1px solid;color:#aaa;margin-right:2px;padding-top:2px;border-bottom:#ddd 1px solid;text-decoration:none}
div.quotes a:hover{border-right:#a0a0a0 1px solid;padding-right:5px;border-top:#a0a0a0 1px solid;padding-left:5px;padding-bottom:2px;border-left:#a0a0a0 1px solid;margin-right:2px;padding-top:2px;border-bottom:#a0a0a0 1px solid}
div.quotes a:active{border-right:#a0a0a0 1px solid;padding-right:5px;border-top:#a0a0a0 1px solid;padding-left:5px;padding-bottom:2px;border-left:#a0a0a0 1px solid;margin-right:2px;padding-top:2px;border-bottom:#a0a0a0 1px solid}
div.quotes span.current{border-right:#e0e0e0 1px solid;padding-right:5px;border-top:#e0e0e0 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:#e0e0e0 1px solid;color:#aaa;margin-right:2px;padding-top:2px;border-bottom:#e0e0e0 1px solid;background-color:#f0f0f0}
div.quotes span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.black{padding-right:3px;padding-left:3px;font-size:80%;padding-bottom:10px;margin:3px;color:#a0a0a0;padding-top:10px;background-color:#000;text-align:center}
div.black a{border-right:#909090 1px solid;padding-right:5px;background-position:50% bottom;border-top:#909090 1px solid;padding-left:5px;background-image:url(bar.gif);padding-bottom:2px;border-left:#909090 1px solid;color:silver;margin-right:3px;padding-top:2px;border-bottom:#909090 1px solid;text-decoration:none}
div.black a:hover{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;background-image:url(invbar.gif);border-left:#f0f0f0 1px solid;color:#fff;border-bottom:#f0f0f0 1px solid;background-color:#404040}
div.black a:active{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;background-image:url(invbar.gif);border-left:#f0f0f0 1px solid;color:#fff;border-bottom:#f0f0f0 1px solid;background-color:#404040}
div.black span.current{border-right:#fff 1px solid;padding-right:5px;border-top:#fff 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:#fff 1px solid;color:#fff;margin-right:3px;padding-top:2px;border-bottom:#fff 1px solid;background-color:#606060}
div.black span.disabled{border-right:#606060 1px solid;padding-right:5px;border-top:#606060 1px solid;padding-left:5px;padding-bottom:2px;border-left:#606060 1px solid;color:grey;margin-right:3px;padding-top:2px;border-bottom:#606060 1px solid}
div.black2{padding-right:7px;padding-left:7px;padding-bottom:7px;margin:3px;padding-top:7px;text-align:center}
div.black2 a{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#000 1px solid;color:#000;padding-top:2px;border-bottom:#000 1px solid;text-decoration:none}
div.black2 a:hover{border-right:#000 1px solid;border-top:#000 1px solid;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#000}
div.black2 a:active{border-right:#000 1px solid;border-top:#000 1px solid;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#000}
div.black2 span.current{border-right:#000 1px solid;padding-right:5px;border-top:#000 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#000 1px solid;color:#fff;padding-top:2px;border-bottom:#000 1px solid;background-color:#000}
div.black2 span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.black-red{font-size:11px;color:#fff;font-family:tahoma,arial,helvetica,sans-serif;background-color:#3e3e3e}
div.black-red a{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#fff;padding-top:2px;background-color:#3e3e3e;text-decoration:none}
div.black-red a:hover{color:#fff;background-color:#ec5210}
div.black-red a:active{color:#fff;background-color:#ec5210}
div.black-red span.current{padding-right:5px;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;color:#fff;padding-top:2px;background-color:#313131}
div.black-red span.disabled{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#868686;padding-top:2px;background-color:#3e3e3e}
div.grayr{padding-right:2px;padding-left:2px;font-size:11px;padding-bottom:2px;padding-top:2px;font-family:tahoma,arial,helvetica,sans-serif;background-color:#c1c1c1}
div.grayr a{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#000;padding-top:2px;background-color:#c1c1c1;text-decoration:none}
div.grayr a:hover{color:#000;background-color:#9ff}
div.grayr a:active{color:#000;background-color:#9ff}
div.grayr span.current{padding-right:5px;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;color:#303030;padding-top:2px;background-color:#fff}
div.grayr span.disabled{padding-right:5px;padding-left:5px;padding-bottom:2px;margin:2px;color:#797979;padding-top:2px;background-color:#c1c1c1}
div.yellow{padding-right:7px;padding-left:7px;padding-bottom:7px;margin:3px;padding-top:7px;text-align:center}
div.yellow a{border-right:#ccc 1px solid;padding-right:5px;border-top:#ccc 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#ccc 1px solid;color:#000;padding-top:2px;border-bottom:#ccc 1px solid;text-decoration:none}
div.yellow a:hover{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;border-left:#f0f0f0 1px solid;color:#000;border-bottom:#f0f0f0 1px solid}
div.yellow a:active{border-right:#f0f0f0 1px solid;border-top:#f0f0f0 1px solid;border-left:#f0f0f0 1px solid;color:#000;border-bottom:#f0f0f0 1px solid}
div.yellow span.current{border-right:#d9d300 1px solid;padding-right:5px;border-top:#d9d300 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#d9d300 1px solid;color:#fff;padding-top:2px;border-bottom:#d9d300 1px solid;background-color:#d9d300}
div.yellow span.disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.jogger{padding-right:2px;padding-left:2px;padding-bottom:2px;margin:7px;padding-top:2px;font-family:"lucida sans unicode","lucida grande",lucidagrande,"lucida sans",geneva,verdana,sans-serif}
div.jogger a{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#ee4e4e;text-decoration:none}
div.jogger a:hover{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#de1818}
div.jogger a:active{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#fff;padding-top:.5em;background-color:#de1818}
div.jogger span.current{padding-right:.64em;padding-left:.64em;padding-bottom:.43em;margin:2px;color:#6d643c;padding-top:.5em;background-color:#f6efcc}
div.jogger span.disabled{display:none}
div.starcraft2{padding-right:3px;padding-left:3px;font-weight:bold;font-size:13.5pt;padding-bottom:3px;margin:3px;color:#fff;padding-top:3px;font-family:arial;background-color:#000;text-align:center}
div.starcraft2 a{margin:2px;color:#fa0;background-color:#000;text-decoration:none}
div.starcraft2 a:hover{color:#fff;background-color:#000}
div.starcraft2 a:active{color:#fff;background-color:#000}
div.starcraft2 span.current{font-weight:bold;margin:2px;color:#fff;background-color:#000}
div.starcraft2 span.disabled{margin:2px;color:#444;background-color:#000}
div.tres{padding-right:7px;padding-left:7px;font-weight:bold;font-size:13.2pt;padding-bottom:7px;margin:3px;padding-top:7px;font-family:arial,helvetica,sans-serif;text-align:center}
div.tres a{border-right:#d9d300 2px solid;padding-right:5px;border-top:#d9d300 2px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#d9d300 2px solid;color:#fff;padding-top:2px;border-bottom:#d9d300 2px solid;background-color:#d90;text-decoration:none}
div.tres a:hover{border-right:#ff0 2px solid;border-top:#ff0 2px solid;border-left:#ff0 2px solid;color:#000;border-bottom:#ff0 2px solid;background-color:#ff0}
div.tres a:active{border-right:#ff0 2px solid;border-top:#ff0 2px solid;border-left:#ff0 2px solid;color:#000;border-bottom:#ff0 2px solid;background-color:#ff0}
div.tres span.current{border-right:#fff 2px solid;padding-right:5px;border-top:#fff 2px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#fff 2px solid;color:#000;padding-top:2px;border-bottom:#fff 2px solid}
div.tres span.disabled{display:none}
div.megas512{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.megas512 a{border-right:#dedfde 1px solid;padding-right:6px;background-position:50% bottom;border-top:#dedfde 1px solid;padding-left:6px;padding-bottom:2px;border-left:#dedfde 1px solid;color:#99210b;margin-right:3px;padding-top:2px;border-bottom:#dedfde 1px solid;text-decoration:none}
div.megas512 a:hover{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#777}
div.megas512 a:active{border-right:#000 1px solid;border-top:#000 1px solid;background-image:none;border-left:#000 1px solid;color:#fff;border-bottom:#000 1px solid;background-color:#777}
div.megas512 span.current{padding-right:6px;padding-left:6px;font-weight:bold;padding-bottom:2px;color:#99210b;margin-right:3px;padding-top:2px}
div.megas512 span.disabled{padding-right:6px;padding-left:6px;padding-bottom:2px;color:#adaaad;margin-right:3px;padding-top:2px}
div.technorati{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.technorati a{border-right:#ccc 1px solid;padding-right:6px;background-position:50% bottom;border-top:#ccc 1px solid;padding-left:6px;font-weight:bold;padding-bottom:2px;border-left:#ccc 1px solid;color:#4261de;margin-right:3px;padding-top:2px;border-bottom:#ccc 1px solid;text-decoration:none}
div.technorati a:hover{background-image:none;color:#fff;background-color:#4261df}
div.technorati a:active{background-image:none;color:#fff;background-color:#4261df}
div.technorati span.current{padding-right:6px;padding-left:6px;font-weight:bold;padding-bottom:2px;color:#000;margin-right:3px;padding-top:2px}
div.technorati span.disabled{display:none}
div.youtube{padding-right:6px;border-top:#9c9a9c 1px dotted;padding-left:0;font-size:13px;padding-bottom:4px;color:#313031;padding-top:4px;font-family:arial,helvetica,sans-serif;background-color:#cecfce;text-align:right}
div.youtube a{padding-right:3px;padding-left:3px;font-weight:bold;padding-bottom:1px;margin:0 1px;color:#0030ce;padding-top:1px;text-decoration:underline}
div.youtube span.current{padding-right:2px;padding-left:2px;padding-bottom:1px;color:#000;padding-top:1px;background-color:#fff}
div.youtube span.disabled{display:none}
div.msdn{padding-right:6px;padding-left:0;font-size:13px;padding-bottom:4px;color:#313031;padding-top:4px;font-family:verdana,tahoma,arial,helvetica,sans-serif;background-color:#fff;text-align:right}
div.msdn a{border-right:#b7d8ee 1px solid;padding-right:6px;border-top:#b7d8ee 1px solid;padding-left:5px;padding-bottom:4px;margin:0 3px;border-left:#b7d8ee 1px solid;color:#0030ce;padding-top:5px;border-bottom:#b7d8ee 1px solid;text-decoration:none}
div.msdn a:hover{border-right:#b7d8ee 1px solid;border-top:#b7d8ee 1px solid;border-left:#b7d8ee 1px solid;color:#0066a7;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.pagination a:active{border-right:#b7d8ee 1px solid;border-top:#b7d8ee 1px solid;border-left:#b7d8ee 1px solid;color:#0066a7;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.msdn span.current{border-right:#b7d8ee 1px solid;padding-right:6px;border-top:#b7d8ee 1px solid;padding-left:5px;font-weight:bold;padding-bottom:4px;margin:0 3px;border-left:#b7d8ee 1px solid;color:#444;padding-top:5px;border-bottom:#b7d8ee 1px solid;background-color:#d2eaf6}
div.msdn span.disabled{display:none}
div.badoo{padding-right:0;padding-left:0;font-size:13px;padding-bottom:10px;color:#48b9ef;padding-top:10px;font-family:arial,helvetica,sans-serif;background-color:#fff;text-align:center}
div.badoo a{border-right:#f0f0f0 2px solid;padding-right:5px;border-top:#f0f0f0 2px solid;padding-left:5px;padding-bottom:2px;margin:0 2px;border-left:#f0f0f0 2px solid;color:#48b9ef;padding-top:2px;border-bottom:#f0f0f0 2px solid;text-decoration:none}
div.badoo a:hover{border-right:#ff5a00 2px solid;border-top:#ff5a00 2px solid;border-left:#ff5a00 2px solid;color:#ff5a00;border-bottom:#ff5a00 2px solid}
div.badoo a:active{border-right:#ff5a00 2px solid;border-top:#ff5a00 2px solid;border-left:#ff5a00 2px solid;color:#ff5a00;border-bottom:#ff5a00 2px solid}
div.badoo span.current{border-right:#ff5a00 2px solid;padding-right:5px;border-top:#ff5a00 2px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:#ff5a00 2px solid;color:#fff;padding-top:2px;border-bottom:#ff5a00 2px solid;background-color:#ff6c16}
div.badoo span.disabled{display:none}
.manu{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
.manu a{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#036cb4;padding-top:2px;border-bottom:#eee 1px solid;text-decoration:none}
.manu a:hover{border-right:#999 1px solid;border-top:#999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu a:active{border-right:#999 1px solid;border-top:#999 1px solid;border-left:#999 1px solid;color:#666;border-bottom:#999 1px solid}
.manu .current{border-right:#036cb4 1px solid;padding-right:5px;border-top:#036cb4 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#036cb4 1px solid;color:#fff;padding-top:2px;border-bottom:#036cb4 1px solid;background-color:#036cb4}
.manu .disabled{border-right:#eee 1px solid;padding-right:5px;border-top:#eee 1px solid;padding-left:5px;padding-bottom:2px;margin:2px;border-left:#eee 1px solid;color:#ddd;padding-top:2px;border-bottom:#eee 1px solid}
div.green-black{padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center}
div.green-black a{border-right:#2c2c2c 1px solid;padding-right:5px;border-top:#2c2c2c 1px solid;padding-left:5px;background:url(images/pageimage1.gif) #2c2c2c;padding-bottom:2px;border-left:#2c2c2c 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#2c2c2c 1px solid;text-decoration:none}
div.green-black a:hover{border-right:#aad83e 1px solid;border-top:#aad83e 1px solid;background:url(images/pageimage2.gif) #aad83e;border-left:#aad83e 1px solid;color:#fff;border-bottom:#aad83e 1px solid}
div.green-black a:active{border-right:#aad83e 1px solid;border-top:#aad83e 1px solid;background:url(images/pageimage2.gif) #aad83e;border-left:#aad83e 1px solid;color:#fff;border-bottom:#aad83e 1px solid}
div.green-black span.current{border-right:#aad83e 1px solid;padding-right:5px;border-top:#aad83e 1px solid;padding-left:5px;font-weight:bold;background:url(images/pageimage2.gif) #aad83e;padding-bottom:2px;border-left:#aad83e 1px solid;color:#fff;margin-right:2px;padding-top:2px;border-bottom:#aad83e 1px solid}
div.green-black span.disabled{border-right:#f3f3f3 1px solid;padding-right:5px;border-top:#f3f3f3 1px solid;padding-left:5px;padding-bottom:2px;border-left:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#f3f3f3 1px solid}
div.viciao{margin-top:20px;margin-bottom:10px}
div.viciao a{border-right:#8db5d7 1px solid;padding-right:5px;border-top:#8db5d7 1px solid;padding-left:5px;padding-bottom:2px;border-left:#8db5d7 1px solid;color:#000;margin-right:2px;padding-top:2px;border-bottom:#8db5d7 1px solid;text-decoration:none}
div.viciao a:hover{border-right:red 1px solid;padding-right:5px;border-top:red 1px solid;padding-left:5px;padding-bottom:2px;border-left:red 1px solid;margin-right:2px;padding-top:2px;border-bottom:red 1px solid}
div.viciao a:active{border-right:red 1px solid;padding-right:5px;border-top:red 1px solid;padding-left:5px;padding-bottom:2px;border-left:red 1px solid;margin-right:2px;padding-top:2px;border-bottom:red 1px solid}
div.viciao span.current{border-right:#e89954 1px solid;padding-right:5px;border-top:#e89954 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;border-left:#e89954 1px solid;color:#000;margin-right:2px;padding-top:2px;border-bottom:#e89954 1px solid;background-color:#ffca7d}
div.viciao span.disabled{border-right:#ccc 1px solid;padding-right:5px;border-top:#ccc 1px solid;padding-left:5px;padding-bottom:2px;border-left:#ccc 1px solid;color:#ccc;margin-right:2px;padding-top:2px;border-bottom:#ccc 1px solid}
div.yahoo2{padding-right:3px;padding-left:3px;font-size:.85em;padding-bottom:3px;margin:3px;padding-top:3px;font-family:tahoma,helvetica,sans-serif;text-align:center}
div.yahoo2 a{border-right:#ccdbe4 1px solid;padding-right:8px;background-position:50% bottom;border-top:#ccdbe4 1px solid;padding-left:8px;padding-bottom:2px;border-left:#ccdbe4 1px solid;color:#0061de;margin-right:3px;padding-top:2px;border-bottom:#ccdbe4 1px solid;text-decoration:none}
div.yahoo2 a:hover{border-right:#2b55af 1px solid;border-top:#2b55af 1px solid;background-image:none;border-left:#2b55af 1px solid;color:#fff;border-bottom:#2b55af 1px solid;background-color:#3666d4}
div.yahoo2 a:active{border-right:#2b55af 1px solid;border-top:#2b55af 1px solid;background-image:none;border-left:#2b55af 1px solid;color:#fff;border-bottom:#2b55af 1px solid;background-color:#3666d4}
div.yahoo2 span.current{padding-right:6px;padding-left:6px;font-weight:bold;padding-bottom:2px;color:#000;margin-right:3px;padding-top:2px}
div.yahoo2 span.disabled{display:none}
div.yahoo2 a.next{border-right:#ccdbe4 2px solid;border-top:#ccdbe4 2px solid;margin:0 0 0 10px;border-left:#ccdbe4 2px solid;border-bottom:#ccdbe4 2px solid}
div.yahoo2 a.next:hover{border-right:#2b55af 2px solid;border-top:#2b55af 2px solid;border-left:#2b55af 2px solid;border-bottom:#2b55af 2px solid}
div.yahoo2 a.prev{border-right:#ccdbe4 2px solid;border-top:#ccdbe4 2px solid;margin:0 10px 0 0;border-left:#ccdbe4 2px solid;border-bottom:#ccdbe4 2px solid}
div.yahoo2 a.prev:hover{border-right:#2b55af 2px solid;border-top:#2b55af 2px solid;border-left:#2b55af 2px solid;border-bottom:#2b55af 2px solid}
</style>
</head>
<body>
<div class="digg">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="yahoo">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="yahoo2">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt;</a></div>
<p></p>
<br />
<br />
<br />
<div class="meneame">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="flickr">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="sabrosus">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="scott">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="quotes">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="black">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="black2">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div style="padding-top:10px;padding-bottom:10px;background-color:#313131;">
<div class="black-red">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
</div>
<p></p>
<br />
<br />
<br />
<div class="grayr">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="yellow">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="jogger">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="starcraft2">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="tres">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="megas512">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="technorati">
<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="youtube">
<span class="disabled">Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next</a></div>
<p></p>
<br />
<br />
<br />
<div class="msdn">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="badoo">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="manu">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="green-black">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt; </a></div>
<p></p>
<br />
<br />
<br />
<div class="viciao">
<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next
&gt; </a></div>
</body>
</html>
分享给朋友: