1.实现下图无序列表效果:
- 苹果
- 香蕉
- 西瓜
空心圆的:苹果——>香蕉——>西瓜
实心方块:苹果——>香蕉——>西瓜
下面的代码段
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>列表</title>
</head>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>西瓜</li>
</ul>
<ul style="list-style-type:circle">
<li>苹果</li>
<li>香蕉</li>
<li>西瓜</li>
</ul>
<ul style="list-style-ty