Rumah > hujung hadapan web > tutorial css > Kod CSS untuk mencapai bilangan berita yang tidak sama rata setiap baris_Pertukaran pengalaman

Kod CSS untuk mencapai bilangan berita yang tidak sama rata setiap baris_Pertukaran pengalaman

PHP中文网
Lepaskan: 2016-05-16 12:04:22
asal
1493 orang telah melayarinya

Pada asalnya saya fikir ini dilakukan oleh bahagian belakang sahaja, tetapi hari ini saya melihat kesan ini, dan ia sebenarnya dicapai oleh CSS. Sekarang letakkan di sini untuk berkongsi dengan semua orang

<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>
Salin selepas log masuk
Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan