css中div列表样式 |icon 在css

列表项1
列表项2
列表项3

首先，大家需要把ul标签中的默认样式去掉。这可以通过设置list-style-type属性为none来实现：

div ul {
list-style-type: none;
}

然后，大家可以为列表项设置背景色、边框等样式：

div li {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}

如果大家想要在鼠标悬停时改变列表项的样式，可以使用:hover伪类：

div li:hover {
background-color: #ccc;
}

最后，如果大家想要列表项之间有一定的间距，可以使用margin属性来实现：

div li:not(:last-child) {
margin-bottom: 10px;
}

通过以上的样式设置，大家可以轻松地创建出一个美观而又实用的Div列表。