博客圈是圈友们博客作品和情感交流的地方!也是相同兴趣、爱好者聚集地,大家可以讨论自己感兴趣的话题。注册会员后可以自由开通圈子也可以申请加入其他会员开通的圈子共同交流。申请加入后可以发表话题并能显示出来。
首先我们创建标签,循环体可根据需要进行编写再结合CSS样式控制,如下图:
调用标签后预览:
我们可以加CSS以控制,代码如下:
<style>
.photolist{}
.photolist li{ height:100px; overflow:hidden; clear:both;}
.photolist img{margin-bottom:8px; border:#e8e8e8 1PX solid; padding:2PX; width:90px; height:80px;}
.photolist .ql{width:90px; float:left;}
.photolist .qr{width:130px; float:right;}
.photolist a{ color:red;}
</style>
保存后前台效果如下: