Home  >  Article  >  PHP Framework  >  ThinkPHP's own paging - change the style

ThinkPHP's own paging - change the style

步履不停
步履不停Original
2019-06-26 18:15:204066browse

ThinkPHP's own paging - change the style

The first way

<style><br><br>/*分页*/<br><br>.pagination {}<br><br>.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}<br><br>.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}<br><br>.pagination li a {display: block;text-align: center;}<br><br></style><br><script><br>

The second way is to simply introduce the Bootstrap style

<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"><br><script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script><br><script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script><br>

More ThinkPHP related technical articles, Please visit the ThinkPHP tutorial column to learn!

The above is the detailed content of ThinkPHP's own paging - change the style. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn