ဘာကြောင့် ဖွဲ့စည်းပါ - အဆက်တိုက် ဖွဲ့စည်း
အဆက်တိုက် ဖွဲ့စည်းခြင်း ဘာကြောင့် သုံးပါ
အဆက်တိုက် ဖွဲ့စည်းခြင်း ဘာကြောင့်
ပထမပုံစံ - အစီအစဉ် HTML ထပ်ပေါင်းပါ
<div class="pagination"> <a href="#">«</a> <a href="#">1</a> <a class="active" href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">»</a> </div>
ဒုတိယပုံစံ - အစီအစဉ် CSS ထပ်ပေါင်းပါ
/* စက်သုံး လောက်သတ်တဲ့ လောက်သတ် */ .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; } /* လက်ဆုံး/ဖြစ်တဲ့ လောက်သတ်တဲ့ ဖုံးဖြင့် ဖော်ပြခြင်း */ .pagination a.active { background-color: dodgerblue; color: white; } /* မိုးခွဲခြင်းအခါ ဖြူနှင့် နောက်ခံမျက်နှာအရောင်သင့်တဲ့ ဖြစ်ပါသည် */ .pagination a:hover:not(.active) {background-color: #ddd;}
相关页面
教程:CSS 分页