html无序列表空心圆_若想学前端开发，要从HTML基本元素的列表第二节

列表

1、无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用 <ul> 标签

<ul> <li>Coffee</li><li>Milk</li></ul>

<ul> <li>Coffee</li><li>Milk</li></ul>

<ul> <li>Coffee</li><li>Milk</li></ul>

<ul> <li>Coffee</li><li>Milk</li></ul>

浏览器显示如下：

<ul><li>的属性type 拥有的选项

disc 默认实心圆

circle 空心圆

square 小方块

none 不显示

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="none"> <li> apple</li> <li> pear</li> <li> peach</li></ul>

<!--无序--> <ul type="disc"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="circle"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><ul type="square"> <li> apple</li> <li> pear</li> <li> peach</li></ul><!--无序--><