css将文字展示为圆点 |css 图片 满手机屏幕

/* 设置列表样式为圆点 */
ul {
list-style-type: disc;
}

在上面的代码中，大家使用了ul元素来表示列表，然后将它的列表样式设置为disc，表示要展示为圆点。如果大家想要把某一段文字展示为圆点，也可以使用伪元素before或after来实现。

/* 设置某一段文字为圆点 */
.dot {
position: relative;
display: inline-block;
}
.dot:before {
content: '';
position: absolute;
top: 50%;
left: -10px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #000;
transform: translateY(-50%);
}

在上面的代码中，大家首先给包含文字的元素（这里是一个类名为dot的元素）设置了position:relative和display:inline-block，这样可以让伪元素按照大家的要求进行定位。然后，在伪元素before中，大家使用了content属性来指定其内容为空，同时给它设置了position:absolute和top、left两个属性来让它出现在文字的左边。大家还设置了它的宽度和高度为5px，利用border-radius属性来将其展示为圆点，并给它设置了一个背景色。

最后，大家使用了transform属性来让它出现在文字的中间位置。这样，大家就可以将需要展示为圆点的文字实现了这个效果。