首頁 > web前端 > html教學 > ul+li標籤製作表格

ul+li標籤製作表格

WBOY
發布: 2016-09-24 09:02:47
原創
3275 人瀏覽過

table標籤製作表格程式碼繁瑣,且不方便後製程式碼維護。

li標籤加上css的浮動樣式可以製作多種樣式的表格。

程式碼如下:

 


     

  •  

  • style="width:403px;height:30px;float:left;text-align:center;border-right:1px solid #000;border-bottom:1px solid #000;">這是表格

  •   a
      
  • a

  • style  
  • a

  • = "width:100px;height:30px;float:left;text-align:center;border-right:1px solid #000;border-bottom:1px solid #000;">a
      
  • a

  •  
  • a

  •   
  • a
  •   
  • a
  •  

效果如下:

 
🎜🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板