歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  1、假設最初的的代碼是這樣:
 
  <divid="links"style="border:1pxsolidred;">
 
  <ul>
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li>
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>
 
  2、去除列表前面的黑點(在ul的style中使用list-style-type:none;)
 
  <divid="links">
 
  <ulstyle="border:1pxsolidred;list-style-type:none;">
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>
 
  如下圖所示:
 
  3、使li橫排顯示并且ul位于div的中間位置,(li使用style="display:inline;"),如下所示
 
  
 
  <styletype="text/css">
 
  #links{text-align:center;}
 
  #linksul{border:1pxsolidred;list-style-type:none;}
 
  #linksulli{
 
  display:inline;
 
  }
 
  </style>
 
  <divid="links">
 
  <ul>
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>







本文轉載自中文網

 

如需轉載,請注明文章出處和來源網址:http://www.320489.live/rumen/r56039.shtml

2009年股票指数