在网站设计中,无序列表经常被用来显示一系列相关的项目。通过css,我们可以轻松地创建无序列表以使网站更加优雅和易于阅读。首先,我们需要在html中使用ul标签来创建无序列表。 ul代表无序列表,每个列
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul>
<style> ul { list-style-type: disc; /*实心圆形*/ /*list-style-type: circle; 空心圆形*/ /*list-style-type: square; 实心正方形*/ /*list-style-type: none; 无标记*/ } </style>
<style> ul { list-style-type: disc; /*实心圆形*/ list-style-position: inside; /*标记符号在文本内部*/ /*list-style-position: outside; 标记符号在文本外部*/ list-style-color: red; /*标记符号颜色为红色*/ list-style-image: url('example.png'); /*使用图片作为标记符号*/ list-style-size: 20px; /*标记符号大小为20px*/ } </style>
粉丝
0
关注
0
收藏
0