前端之家收集整理的这篇文章主要介绍了
html – 伪类:: before – 创建css循环，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我试图用css创建圈子,但是不要使用伪类:: before
这应该是(地铁站列表)：
.subway-item{
// css for text item going after circle
}
.subway-item::before{
width:15px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#69b6d5;
}
我知道它可以在文本或图像之前用附加元素来完成.但是想知道是否有可能在:: before之前使用这样的属性
您还需要设置
内容,高度和
显示,使其实际渲染伪元素.
例：
.subway-item::before{
content: '';
display: inline-block;
width: 15px;
height: 15px;
-moz-border-radius: 7.5px;
-webkit-border-radius: 7.5px;
border-radius: 7.5px;
background-color: #69b6d5;
}
注意：最好在标准属性(您的情况下为border-radius)之前编写供应商特定的属性.
原文链接：https://www.f2er.com/html/224583.html
