HTML:
每个页码项都包含链接标签<a>
, 并确保它们的href属性指向正确的页面。
CSS:
将li
标签设置为position: relative
。
将a
标签设置为display: block
,使其覆盖整个li
标签。
通过padding
和margin
调整链接标签的大小和间距,使其看起来像按钮。
li
display inline-block
margin 0 5px
position: relative
HTML:
每个页码项都包含链接标签<a>
, 并确保它们的href属性指向正确的页面。
CSS:
将li
标签设置为position: relative
。
将a
标签设置为display: block
,使其覆盖整个li
标签。
通过padding
和margin
调整链接标签的大小和间距,使其看起来像按钮。
li
display inline-block
margin 0 5px
position: relative