Heim > Web-Frontend > CSS-Tutorial > CSS-Code, um eine ungleiche Anzahl von Nachrichten pro row_Experience-Austausch zu erreichen

CSS-Code, um eine ungleiche Anzahl von Nachrichten pro row_Experience-Austausch zu erreichen

PHP中文网
Freigeben: 2016-05-16 12:04:22
Original
1469 Leute haben es durchsucht

Ich dachte ursprünglich, dass dies allein durch das Backend erreicht würde, aber heute habe ich diesen Effekt gesehen und er wurde tatsächlich durch CSS erreicht. Legen Sie es jetzt hier ab, um es mit allen zu teilen

<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>
Nach dem Login kopieren
Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage