標籤之美九——列表

時間 2019-11-09

標籤標籤之美列表简体版

原文原文鏈接

標籤之美——列表

列表是網頁排序中時常會用到的一個元素。spa

1、無序列表

一、無序列表的標籤

無序列表使用<ul></ul>來定義標籤的開始和結束。使用<li></li>來設置標籤項，示例以下：code

<body>
<ul>
<li>title1</li><li>title2</li><li>title3</li>
</ul>
</body>

效果以下：排序

二、無序列表標籤的樣式

標籤的type屬性能夠設置其樣式：ci

實心圓樣式：disc

這個樣式就是默認的樣式，效果如上圖it

空心圓樣式：circle

示例以下：im

<body>
<ul type="circle">
<li>title1</li><li>title2</li><li>title3</li>
</ul>
</body>

效果以下：技術

方塊樣式：square

效果以下：樣式

2、有序列表

一、有序列表的標籤

有序列表的開始和結束使用<ol></ol>來定義，一樣使用<li></li>來定義列表項，示例以下：img

<body>
<ol type="square">
<li>title1</li><li>title2</li><li>title3</li>
</ol>
</body>

效果以下：di

二、有序列表的樣式

數字標號的樣式：type=1

這個樣式爲默認的樣式，效果如上。

大寫字母的標籤：type=A

效果以下：

小寫字母樣式：type=a

大寫羅馬數字樣式：type=I

小寫羅馬數字樣式：type=i

3、列表的嵌套

列表能夠進行嵌套，形式以下：

<body>
<ol type="i">
<li>title1</li>
<ul type="disc">
<li>subTitle1</li><li>subTitle2</li>
</ul>
<li>title2</li><li>title3</li>
</ol>
</body>

效果以下：

專一技術，熱愛生活，交流技術，也作朋友。

——琿少 QQ羣：203317592

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。