最近我在寫自己的博客時,為了讓頁面更美觀,也更加舒適閱讀,使用了CSS樣式來美化頁碼。在這里,我想分享一下我所使用的CSS頁碼樣式。
.pagination { display: flex; list-style: none; padding: 0; margin: 0; justify-content: center; } .pagination li { margin-right: 10px; } .pagination li:last-child { margin-right: 0; } .pagination a { display: block; font-size: 14px; color: #333; border: 1px solid #ddd; padding: 5px 10px; text-align: center; text-decoration: none; } .pagination a.active { background-color: #333; color: #fff; border: 1px solid #333; } .pagination a:hover { background-color: #f5f5f5; border: 1px solid #ccc; }
以上就是我所使用的CSS頁碼樣式。其中,我們使用了flex布局,使得頁碼可以居中顯示。同時,我們給頁碼設(shè)置了間距,并給最后一個頁碼去掉了間距。
通過上面的CSS樣式,我們的頁碼看起來就會美觀而且規(guī)整。如果您也需要使用頁碼樣式,不妨試試以上的樣式。
上一篇css賬號注冊
下一篇css賦值參數(shù)