1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <style type="text/css"> .mynavi{ display:block; width:25px; height:20px; text-align:center; text-decoration:none;margin-right:3px; background-color:#99CC33; color:#FFFFFF; float:left; font-size:12px; line-height:20px; } .mynavi:hover{ display:block; width:25px; height:20px; text-align:center; text-decoration:none;margin-right:3px; background-color:#000000; color:#FFFFFF; float:left; font-size:12px; line-height:20px; } .pgnavi{ display:block; height:25px; font-size:12px; line-height:20px; float:left; margin-right:3px; } </style> <div> <span class="pgnavi">Page: </span><a class="mynavi" href="#">1</a><a class="mynavi" href="#">2</a><a class="mynavi" href="#">3</a><a class="mynavi" href="#">4</a><a class="mynavi" href="#">5</a><a class="mynavi" href="#">6</a></div> |
ตัวอย่างผลลัพธ์
