资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
CSS/HTML教程
>>>
CSS实现每行新闻数量不等效果代码
本来还以为这块是由后台单独去做的,今天看到这种效果,居然是CSS实现的。现在将它放到这里与大家共享
<style> <!-- .title{ font-size:14px; font-weight:bold; color:#FF6600 } .t0{ margin:3px; padding:3px; list-style-type:none; line-height:16px; } .t1{ font-size:14px; margin-right:5px; height:16px; float:left; white-space : nowrap } //--> </style> <!--主体--> <fieldset style="width:400px; float:left;"> <legend><span class="title">特别推荐</span></legend> <ul class="t0"> <!--中间循环部份代码--> <li class="t1"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com">1.脚本代码收藏站,AJAX/JS/ASP/PHP一网打尽[特别推荐]!</a></li> <li class="t1"><a href="http://www.kanshule.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.kanshule.com">2.看书了小说网!</a></li> <li class="t1"><a href="http://www.baidu.com/" _ewebeditor_ta_href="http%3A%2F%2Fwww.baidu.com%2F">3.中文最强大的搜索引擎!</a></li> <li class="t1"><a href="http://www.glzy8.com/softs" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com%2Fsofts">4.管理资源吧,下载中心!</a></li> <li class="t1"><a href="http://www.glzy8.com/photoshop" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com%2Fphotoshop">5.管理资源吧新增加photoshop,flash,制作教程经典收藏!</a></li> <!--尾部代码--> </ul> </fieldset>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程