本文主要是介绍sscms 翻页效果(一)HTML+CSS,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
效果一:如下图
<ul class="pagination">
<stl:pageItems><li><a href="{PageItem.PreviousPage}">上一页</a></li><stl:pageItem type="PageNavigation"><stl:yes><li><a href="{Current.Url}">{Current.Num}</a></li></stl:yes><stl:no><li class="active"><a>{Current.Num}</a></li></stl:no></stl:pageItem><li><a href="{PageItem.NextPage}">下一页</a></li><li> 共 {pageItem.TotalPageNum} 页</li>
</stl:pageItems>
</ul>
CSS层叠样式表:
.pagination{margin: 40px auto 10px;text-align: center;display: table;border:1px solid #ddd;padding:0px 10px 0px 10px;
}
.pagination li{display: inline-table;padding:10px 5px 10px 5px;margin:0px 5px 0px 5px;font-size: 14px;
}
.pagination .active a{font-weight: bold;color: rgb(105, 0, 0);border-bottom: 1px solid rgb(105, 0, 0);
}
这篇关于sscms 翻页效果(一)HTML+CSS的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!