1.無序列表
用法如下:
<ul>
<li>列表項內(nèi)容1</li>
<li>列表項內(nèi)容2</li>
<li>列表項內(nèi)容3</li>
<ul>
效果如下:
- 列表項內(nèi)容1
- 列表項內(nèi)容2
- 列表項內(nèi)容3
無序列表可添加的屬性為:
- disc:黑點
- circle:圓圈
- square:方塊
代碼為
<ul type="circle">
<li>列表項內(nèi)容1</li>
<li>列表項內(nèi)容2</li>
<li>列表項內(nèi)容3</li>
<ul>
2. 有序列表
使用標(biāo)簽:<ol>與<li>
屬性:A,a,l,i,start
以A為例,屬性設(shè)置為A是,代碼如下:
<ol style="A">
<li>ios</li>
<li>android</li>
<li>html5</li>
<li>swift</li>
</ol>
效果如下:
有序列表A.png
3. 自定義列表
使用標(biāo)簽:
<dl>:每個自定義列表
<dt>:每個自定義列表項以<dt開始>
<dd>:自定義列表的定義,可以使用段落,換行標(biāo)簽,圖像,鏈接等其他內(nèi)容
淘寶上經(jīng)常使用這種列表:
代碼:
<dl>
<dt><img src="圖片的地址" /></dt>
<dd><a >Heilan Home/海瀾之家2016夏季熱賣男裝圓領(lǐng)休閑印花潮流短袖T恤</a></dd>
<dd>時尚印花 舒適面料 柔軟親膚<dd>
<