ブートストラップページングCSSは境界線を太くしますが、内側を太くしないでください

Question

ブートストラップのページングを行うにはどうしたらよいですか？この画像のように蛇口？

私が試みたが、CSSが、私はメイクのすべてを使用し、誰かがこの上で私を助けることができますか？ありがとう。

HTML：

<ul class="pagination pull-right"> 
    <li><a href="#">First</a></li> 
    <li class="disabled"><a href="#">Previous</a></li> 
    <li class="active"><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
    <li><a href="#">...</a></li> 
    <li><a href="#">116</a></li> 
    <li><a href="#">Next</a></li> 
    <li><a href="#">Last</a></li> 
    </ul> 

CSS：

.pagination>li>a, .pagination>li>span { 
    border: 4px solid #ddd; 
} 

JSフィドル：https://jsfiddle.net/8hnhmxh8/

Answer 1

.pagination { 
    border: 4px solid #ddd; 
} 
.pagination > li > a { 
    border: 1px solid #ddd; 
    border-radius: 0px!important; 
} 

JSFIDDLE

Answer 2

問題は国境はタグではなく、リチウムタグであるということです。しかし、この方法を試してください。

.pagination>li>a, .pagination>li>span { 
    border-top: 4px solid #ddd; 
    border-bottom: 4px solid #ddd; 
} 

.pagination>li:first-of-type > a { 
    border-left: 4px solid #ddd; 
} 

.pagination>li:last-of-type > a { 
    border-right: 4px solid #ddd; 
} 

https://jsfiddle.net/8hnhmxh8/1/

Answer 3

代わりのli要素に境界線を適用するだけでul要素でそれを行います。

.pagination { 
    border: 4px solid #ddd; 
} 

Answer 4

あなたはに国境を更新することができます。

.ul { border:1px solid black; padding:10px; }

私はあなたのコードをフォークしています。

https://jsfiddle.net/4p7413jz/1/

それが動作ホープ！