婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > ul和li 基本用法分析

ul和li 基本用法分析
熱門標簽：400開頭電話在哪辦理 電腦外呼系統安裝 中國世界文化遺產地圖標注 揚州市地圖標注 電話外呼系統怎么找準客戶 外呼系統隱私 荊州銷售電銷機器人 西安公司外呼系統價格 可以集成到系統的外呼
導航，少量數據表格，居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ul和li應用</title>
<style type="text/css">
#menu{width:1000px;height:35px;float:right;margin:0px; clear:both; vertical-align: bottom;}
#ul li{list-style-type:none; clear:both;width:100px;display:inline; font-size: larger;}
#myul li{float:left;width:100px;}
</style>
</head>
<body>
<div id="menu">
<ul id="ul">
<li><a title="" href="http://localhost:1435/BookShop/index.aspx">首頁 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/hybooks.aspx">行業圖書 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/Clothing.aspx">服飾潮流 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">美容會所 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">媽咪寶貝 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">禮品書籍 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">新聞資訊 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">用戶留言 </a></li>
<li><a title="" href="http://localhost:1435/BookShop/">聯系我們 </a></li>
</ul>
</div>
<div>默認是豎排，并且帶圓點
<ul>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul>
</div>
<div>
<ul>
<li style="list-style-type:none;">去掉圓點</li>
<li style="display:inline;">hello</li>
<li>hello</li>
<li style="display:inline;">hello</li>
</ul>
</div>
<!--橫向的方法,如果要居中，需要設置寬度才可以，這個寬度要和里面的li總長度一樣。-->
<div style="text-align:center;background:#def">
<ul style="width:150px;background:#eee;">
<li style="float:left;">hello</li>
<li style="float:left;">hello</li>
<li style="float:left;">hello</li>
<li style="float:left;">hello</li>
<li style="float:left;">hello</li>
</ul>
</div>
<!--制作表格的原理，ul寬度為300px,li寬度為100px，則成三列-->
<div style="text-align:center;background:#eef">
<ul id="myul" style="width:300px;background:#eee">
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
<li>hello</li>
</ul>
</div>
</body>
</html>

標簽：錫林郭勒盟 貴陽 濟南 延安 白銀 樂山 四川 阿拉善盟

巨人網絡通訊聲明：本文標題《ul和li 基本用法分析》，本文關鍵詞  和,基本,用法,分析,和,基本,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ul和li 基本用法分析》相關的同類信息！
  • 本頁收集關于ul和li 基本用法分析的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 大庆市| 疏勒县| 丘北县| 台南市| 定襄县| 东至县| 永昌县| 洛隆县| 额尔古纳市| 锦屏县| 石城县| 甘谷县| 湖北省| 土默特右旗| 临汾市| 大兴区| 胶南市| 社旗县| 大庆市| 金门县| 鞍山市| 宜州市| 黄梅县| 永新县| 道孚县| 鄂托克前旗| 开鲁县| 江孜县| 岳阳县| 东乌珠穆沁旗| 剑阁县| 本溪| 师宗县| 阿克苏市| 保康县| 隆昌县| 招远市| 喀喇沁旗| 台州市| 休宁县| 洛隆县|