html – 伪类:: before – 创建css循环

前端之家收集整理的这篇文章主要介绍了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)之前编写供应商特定的属性.

猜你在找的HTML相关文章