css实心圆点的代码 |css设置图片立体效果

ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
background-color: black;
border-radius: 50%;
}

以上代码中，首先大家先将ul元素的样式初始化，去掉默认的列表样式和padding、margin。

接着，在每个li元素前使用伪元素:before来插入实心圆点。通过content属性为空字符串来为伪元素增加内容。使用display: inline-block将伪元素变为行内块元素，使其可以位于li元素前。设置宽高和边距使其成为一个正圆，并使用background-color属性设置圆点的颜色。最后，使用border-radius: 50%将圆点的边框半径设置为50%，使其成为一个完整的实心圆点。

以上就是使用CSS实现实心圆点的代码。通过这种方式，大家可以轻松地给列表等元素增加实心圆点的样式，让页面更加美观。