HTML <ul> 標籤
更多“自己嘗試”的例子見下文。
定義和用法
<ul>
標籤定義一個無序(專案符號)列表。
將 <ul>
標籤與 <li>
標籤結合使用,以建立無序列表。
提示:使用 CSS 樣式列表。
提示: 對於有序列表,請使用 <ol>
標籤。
瀏覽器支援
元素 | |||||
---|---|---|---|---|---|
<ul> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
<ul>
標籤還支援 HTML 中的全域性屬性。
事件屬性
<ul>
標籤還支援 HTML 中的事件屬性。
更多示例
示例
設定不同的列表樣式型別(使用 CSS)
<ul style="list-style-type:circle">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="list-style-type:disc">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="list-style-type:square">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
自己動手試一試 »
示例
在列表中展開和減小行高(使用 CSS)
<ul style="line-height:180%">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul style="line-height:80%">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
自己動手試一試 »
示例
建立一個列表中的列表(巢狀列表)
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>
自己動手試一試 »
示例
建立一個更復雜的巢狀列表
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶
<ul>
<li>中國</li>
<li>非洲</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
自己動手試一試 »
相關頁面
HTML 教程:HTML 列表
HTML DOM 參考:Ul 物件
CSS 教程:樣式列表
預設 CSS 設定
大多數瀏覽器將 <ul>
元素顯示為以下預設值
示例
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
自己動手試一試 »