Php 如何将css应用于codeigniter分页？

这里是我的分页视图，如图所示：

但是，我希望我的分页如下所示：

这里是我的html结构：

    <div class="pagination">
  <span class="label-pagination">Showing 1 to10 of 1147 entries </span>&nbsp;
  <b>1</b>&nbsp;
  <a href="javascript:void(0);" onclick="getContactSearchData(10)">2</a>&nbsp;
  <a href="javascript:void(0);" onclick="getContactSearchData(20)">3</a>&nbsp;
  <a href="javascript:void(0);" onclick="getContactSearchData(10)">›</a>&nbsp;&nbsp;
  <a href="javascript:void(0);" onclick="getContactSearchData(1140)">»</a>
</div>

.pagination {
    width: 100%;
    display: inline-block;

}
.pagination a{
    border: 1px solid #FFFFFF;
    transition: background-color .3s;
    float: right;
    text-decoration: none;
    padding: 8px 16px;
    color: #fff;

}
.page-display {
    float: right;
}
.pagination b {
    border: 1px solid #FFFFFF;
    transition: background-color .3s;
    float: right;
    text-decoration: none;
    padding: 8px 16px;
    color: #fff;
    background: #999999;

}
.pagination > a:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination > a:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination .label-pagination {
    float: left;
}
.pagination a:hover {
    background: #999999;
}

---

此外，我想我的第一个和最后一个分页在边界半径，我怎么做呢

你可以这样做

希望它能帮助你

。页面显示{
浮动：对；
}
.分页b{
边框：1px实心#999999；
过渡：背景色。3s；
文字装饰：无；
填充：8px 16px；
颜色：#fff；
背景#999999；
浮动：左；
}
.页码a：第一个孩子{
边框左下半径：6px；
边框左上半径：6px；
}
.页码a：最后一个孩子{
边框右下半径：6px；
边框右上角半径：6px；
}
.分页.标签分页{
浮动：左；
}
.分页a：悬停{
背景#999999；
}
.分页{
显示：内联块；
宽度：100%；
}
.页码a{
颜色：黑色；
浮动：左；
填充：8px 16px；
文字装饰：无；
过渡：背景色。3s；
边框：1px实心#ddd；
}
.分页a.激活{
背景色：#4CAF50；
颜色：白色；
边框：1px实心#4CAF50；
}
.pagination a:hover:not（.active）{背景色：#ddd；}
.分页BTN{
浮动：对；
}

显示1147个条目中的1到10个
1.

谢谢，这对我很有帮助