摘要:的基础分页的样式效果如下
ASP.NET MVC 4 的基础分页的CSS样式:
body { font-family: Calibri,Georgia,"Times New Roman"; margin: 0; } DIV#header { background-color: #444; border-bottom: 2px solid #111; color: white; } DIV#header DIV.title { font-size: 2em; padding: .6em; } Div#content { border-left: 2px solid gray; margin-left: 9em; padding: 1em; } Div#categories { float: left; width: 8em; padding: .3em; } DIV.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom: .7em; } DIV.item:first-child { border-top: none; padding-top: 0; } DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; } DIV.item H4 { font-size: 1.1em; margin: .4em 0 0 0; } DIV.pager { text-align: right; border-top: 2px solid silver; padding: .5em, 0 0 0; margin-top: 1em; } DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none; padding: 0 .4em 0 .4em; } DIV.pager A.hover { background-color: silver; } DIV.pager A.selected { background-color: #353535; color: white; }
效果如下:
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1426.html
阅读 3432·2021-11-22 09:34
阅读 1899·2019-08-30 12:53
阅读 3489·2019-08-28 18:07
阅读 2975·2019-08-27 10:55
阅读 2958·2019-08-26 10:12
阅读 3584·2019-08-23 18:21
阅读 1338·2019-08-23 14:10
阅读 1468·2019-08-23 13:04