thinkphp架構和laravel架構都是國内知名的、使用量超大的架構,在每個網站應用中都會涉及到清單頁面,但是在實際開發過程中,我們會遇到頁面展示的分頁沒有css樣式,表現的非常的醜。下面分享出一套css樣式,可以展現出較好看的樣式效果。
樣式如下:
#page { background-color: #FFF; text-align: center; height: 75px; display: block;}#page .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}#page .pagination > li { display: inline;}#page .pagination li.disabled,#page .pagination li.active { cursor: not-allowed;}#page .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}#page .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #616161; text-decoration: none; background-color: #fff; border: 1px solid #d0d0d0;}#page .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}#page .pagination li.active span { background-color: #009688; color: #FFF;}