首頁 > web前端 > css教學 > CSS實現每行新聞數量不等效果代碼_經驗交流

CSS實現每行新聞數量不等效果代碼_經驗交流

PHP中文网
發布: 2016-05-16 12:04:22
原創
1469 人瀏覽過

本來還以為這塊是由後台單獨去做的,今天看到這種效果,居然是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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板