首页 > web前端 > css教程 > 正文

CSS实现每行新闻数量不等效果代码_经验交流

PHP中文网
发布: 2016-05-16 12:04:22
原创
1440 人浏览过

本来还以为这块是由后台单独去做的,今天看到这种效果,居然是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="">1.脚本代码收藏站,AJAX/JS/ASP/PHP一网打尽[特别推荐]!</a></li> 
<li class="t1"><a href="http://www.kanshule.com">2.看书了小说网!</a></li> 
<li class="t1"><a href="http://www.baidu.com/">3.中文最强大的搜索引擎!</a></li> 
<li class="t1"><a href="/softs">4.脚本之家,下载中心!</a></li> 
<li class="t1"><a href="/photoshop">5.脚本之家新增加photoshop,flash,制作教程经典收藏!</a></li> 
  
</ul> 
</fieldset>
登录后复制
相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!