Posted on 2007-09-19 09:37
semovy 閱讀(255)
評論(0) 編輯 收藏 所屬分類:
CSS式樣
<html>
<head>
<style>
A {
COLOR: #000080; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.p_bar {
CLEAR: both; MARGIN: 1px 0px
}
.p_bar A {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-
DECORATION: none
}
.p_total {
BORDER-RIGHT: #666688 0px solid; BORDER-TOP: #666688 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #666688 1px solid;
BORDER-BOTTOM: #666688 1px solid; BACKGROUND-COLOR: #f2f3f7
}
.p_pages {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BORDER-
LEFT: #666688 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #666688 1px solid; BACKGROUND-COLOR: #f2f3f7
}
.p_num {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #666688 1px
solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #666688 1px solid; BACKGROUND-COLOR: #ffffff
}
A.p_num:hover {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; BORDER-LEFT: #666688 1px solid; BORDER-BOTTOM:
#666688 1px solid; BACKGROUND-COLOR: #f2f3f7; TEXT-DECORATION: none
}
.p_redirect {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #666688 1px solid;
MARGIN-RIGHT: 1px; BORDER-BOTTOM: #666688 1px solid; BACKGROUND-COLOR: #ffffff
}
A.p_redirect:hover {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; BORDER-LEFT: #666688 1px solid; BORDER-BOTTOM:
#666688 1px solid; BACKGROUND-COLOR: #f2f3f7; TEXT-DECORATION: none
}
.p_curpage {
BORDER-RIGHT: #666688 1px solid; BORDER-TOP: #666688 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BORDER-
LEFT: #666688 1px solid; COLOR: #666677; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #666688 1px solid; BACKGROUND-COLOR: #dddde4
}
</style>
</head>
<body>
<div class="p_bar">
<a class="p_total"> 270 </a><a class="p_pages"> 1/9 </a><a class="p_curpage">1</a><a href="thread-
2486328-2-1.html" class="p_num">2</a><a href="thread-2486328-3-1.html" class="p_num">3</a><a href="thread-2486328-4-1.html"
class="p_num">4</a><a href="thread-2486328-5-1.html" class="p_num">5</a><a href="thread-2486328-6-1.html"
class="p_num">6</a><a href="thread-2486328-7-1.html" class="p_num">7</a><a href="thread-2486328-8-1.html"
class="p_num">8</a><a href="thread-2486328-9-1.html" class="p_num">9</a><a href="thread-2486328-2-1.html"
class="p_redirect">››</a>
</div>
</body>
</html>