CSS学习日记(列表)

tech2022-07-04  166

列表

:一系列相关数据的展现形式

分类:有序列表(ordered list);无序列表(unorder list);自定义列表

无序列表

<ul>

    <li>桔子</li>

    <li>香蕉</li>

    <li>苹果</li>

</ul>

有序列表

<ol>

    <li>桔子</li>

    <li>香蕉</li>

    <li>苹果</li>

</ol>

自定义列表

<dl>

    <dt>所属学院</dt>

    <dd>计算机应用</dd>

    <dt>所属专业</dt>

    <dd>计算机软件工程</dd>

</dl>

列表样式

list-style-type

list-style-image

list-style-position

list-style(用的比较多)

快速复制方式

输入: 

ul.one>li.two{这是一段文字}*5

输出:

<ul class="one"> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> <li class="two">这是一段文字</li> </ul>

 

 

 

 

 

 

 

 

 

 

最新回复(0)