開発メモ

開発用のメモです。

CSS ページング用

div.paginator_numbers {
    margin: auto;
    width: 90%;
    text-align: right;
}

div.paginator_numbers span {
    display: inline-block;
    width: 30px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

div.paginator_numbers span:HOVER {
    border: 2px solid black;
    color: white;
    background: blue;
    padding: 0px;
}

div.paginator_numbers span:HOVER a {
    color: white;
    background: blue;
}
<div class="paginator_numbers">
    <span></span>    
    <span class="prev"></span> 
    <span class="current">1</span>    
    <span><a href="#page:2">2</a></span>
    <span><a href="#page:3">3</a></span>
    <span><a href="#page:4">4</a></span>
    <span><a href="#page:5">5</a></span>
    <span><a href="#page:6">6</a></span>
    <span><a href="#page:7">7</a></span>
    <span><a href="#page:8">8</a></span>
    <span><a href="#page:9">9</a></span>
    <span class="next"><a href="#page:2" rel="next"></a></span>
    <span><a href="#page:1000" rel="last"></a></span>
</div>
Twitter: @asahina_alice