css结合php代码表格输出随机日志
在WP主题里显示随机文章的PHP代码和插件一文中我们提到:使用随机日志的PHP代码结合css文件输出表格,这篇文章,我们就来介绍一个具体方法。
其实比较简单,先给图如下:
上图中就是在WP主题里结合PHP随机日志代码和css文件,输出了一个4×3的随机日志表格。
上述链接中已经包含此PHP代码,在此我就不重复给出,下面给出css代码:
.randomposts { width:765px; float:right;}
.randomposts li { float:left; width:190px; height:30px; line-height:30px; border: 0 solid #B4CDDC; text-indent: 8px; overflow:hidden;}
.randomposts li { border-right-width:1px;border-bottom-width: 1px;}
.randomposts li#hpost1,#hpost2,#hpost3,#hpost4 { border-top-width: 1px;}
.randomposts li#hpost1,#hpost5,#hpost9 { border-left-width: 1px;}
/*在上面给出的链接的代码上下加入 div 和 ul 标签既可。*/
没有评论▼