修改相关文章样式

Biesi 技术 2017-07-05 480 次浏览 , 没有评论

尽管今天一早要起来外出,但是还是抑制不住我那颗折腾的心。这不,我又开始对Simple Tux主题的相关文章样式动手术了,决心修改成与主题作者PHPABC一个样子。没办法,这位大神没有放出最新版的Simple Tux主题,也没有在博客中留下任何联系方式,只好自己动手。

好在修改和添加CSS属性并不算太麻烦,借助IE浏览器自带的开发人员工具很容易就可以解决的。

原来相关文章.related ul li只有一句控制上下宽度的CSS属性代码,经过无数次实验,在添加了一堆CSS属性后,终于实现我的目的,不过代码也改得面目全非了。

.related ul li{
background:#d6e9c6;
float:left;width:32%;
margin:0 6px 0 0;
padding:10px 0;
text-align:center;
border-radius:3px;
border:1px solid #d6e9c6;
}

特别备注:CSS实现容器圆角效果,需要在代码中添加border-radius属性值,例如:

{border-radius:3px;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

回顶部