[分享]css中div列表样式

CSS中的div列表样式是在网页设计中常用的一种样式，可以通过CSS的样式表来控制div元素的样式。下面让我们来看一下如何实现一些常见的div列表样式：/ 去掉列表默认的样式 / ul{ listst...

CSS中的div列表样式是在网页设计中常用的一种样式，可以通过CSS的样式表来控制div元素的样式。下面让我们来看一下如何实现一些常见的div列表样式：

/* 去掉列表默认的样式 */
ul{
   list-style:none;
   padding:0;
   margin:0;
}

/* 实现带圆点的列表样式 */
ul li{
   padding-left:10px;
   background:url('dot.png') no-repeat left center;
}

/* 实现水平排列的列表 */
ul li{
   float:left;
   margin-right:20px;
}

/* 实现垂直排列的列表 */
ul li{
   display:block;
   margin-bottom:10px;
}

/* 实现带背景色的列表 */
ul li{
   background-color:#f2f2f2;
   padding:10px;
   margin-bottom:10px;
}

/* 实现带边框的列表 */
ul li{
   border:1px solid #ccc;
   padding:10px;
   margin-bottom:10px;
} 

通过以上代码实现的样式，可以让列表更加美观，更加符合网页设计的需求。当然，还有很多其他的列表样式，可以根据实际需求进行调整和修改。