CSS是一种用于控制HTML页面外观的技术,它可以通过样式来定义网页中的各种元素。其中,一排竖向排列的点旁加文字是CSS的一个常见应用之一。下面是CSS实现这种效果的代码: ul { list-sty
ul { list-style-type: square; /*设置点的形状为正方形*/ } <br> li { display: flex; /*使用flex布局,按照竖向排列*/ align-items: center; /*将文字垂直居中*/ margin-bottom: 10px; /*设置间距为10px*/ } <br> li:before { content: ""; /*在每个li元素前添加一个伪元素*/ display: inline-block; /*将伪元素设为块级元素*/ width: 10px; /*设置伪元素的宽度为10px*/ height: 10px; /*设置伪元素的高度为10px*/ margin-right: 5px; /*设置伪元素与文字的间距为5px*/ background-color: #000; /*设置伪元素的背景颜色为黑色*/ }
<ul> <li>点一</li> <li>点二</li> <li>点三</li> </ul>
粉丝
0
关注
0
收藏
0