ctusky

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 标签既可。*/