如何美化你的博客索引
大家一定有这样的看法,博客的索引目录杂乱无序,看起来十分不爽。能不能让他看起来更适合我们的感官,更加清析醒目呢?
我可以对大家说,完全可以做到。下面大家就和我一起试试吧!
首先登录博客,进入到模板管理。选择索引页!
找到UL和LI,改成如下设置:
ul{
margin-top: 20px;
font-weight: bold;
color:#000;
border-bottom:1px solid #94A6BD;
}
li{
color:#000;
font-weight:normal;
list-style-type: none;
margin-left: 1px;
padding-left:6px;
line-height: 23px;
border-top:1px solid #94A6BD;
border-left:1px solid #94A6BD;
border-right:1px solid #94A6BD;
}
li a{
float:left;
}
li span{
float:right;
padding-right: 20px;
}
具体参数,可根据个人喜好适当修改!
好了,保存,再打开你的索引看看效果如何?
来源:网络 制作:邻居