在网页设计中,漂亮的列表是非常重要的一部分。通过CSS可以为列表添加样式,实现各种不同的效果,从而增强页面的可读性和美观度。
/* 设置列表样式 */ ul { list-style: none; /* 去除原点 */ } li { padding-left: 20px; /* 左侧缩进20像素 */ margin-bottom: 10px; /* 段间距为10像素 */ } /* 给列表项添加装饰 */ li:before { content: "•"; /* 添加圆点图标 */ color: #7f7f7f; /* 设置颜色 */ margin-right: 10px; /* 右侧间距为10像素 */ }
通过上述CSS代码,我们可以为无序列表添加特效,并让它更加美观。在这个例子中,我们将圆点符号替换为实心点。