CSS列表
列表的主要属性及设置:
以下程序如果需要调试,请适当屏蔽语句,不然会出错,在此只是列出表格的操作语句,不保证程序能正常运行:
<!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>CSS列表</title>
<style>
.list{
/* 取消列表项 */
list-style: none;
/* 取消列表默认外框和内边距 */
border: 0px;
padding: 0px;
/* 设置列表项样式为实心正方形 */
list-style-type: square;
/* 设置列表项样式为圆 */
list-style-type: circle;
/* 以图像的方式显示列表项 */
list-style-image: url("./images/25i58PICtVW.jpg");
/* 设置列表项的位置 默认outside*/
list-style-position: inside;
}
</style>
</head>
<body>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>