1. 程式人生 > >/// html/css-html-列表-1~

/// html/css-html-列表-1~

body

有序列表

<ol></ol>有序列表

<li></li>列表項

<ol>

<li> </li>

<li> </li>

</ol>

ol屬性:start  type,表示當前列表符號型別:條目符號開始的值,符號型別(1 a A I i )

<ol start=""  type="a" > 

li屬性<li value="" type="" > 這個更優先,沒很大用處,

無序列表

<ul></ul>    <li>

type:circle(空心圓)/ disc(實心圓)/square(實心方)

巢狀列表:互相套都可以,3層最多了

<ol>

<li></li>

<li>

<ol></ol>

</li>

</ol>

可以錨點

<style>

a{ text-decoration:none;

   color:  ;}

</style><ol type="">

<li> <a href="#"></a>asd</li>

<li> <a href="#" ></a>asd

<ol> <a href="#"></a>asdd</ol>

</li><a href="#"></a>

</ol>

定義列表

<dl><dt><dd>

<dl>自定義列表

<dt>元素,列表分類

<dd>定義列表中的列表項

<style>

dd::before{content:‘a’};

</style>

<dl>

<dt>sa</dt>

<dd>as</dd>

</dl>

5-7