代码之家 › 专栏 › 技术社区 › alvery

伪类::before-创建css圆

pseudo-class css html

alvery · 技术社区 · 10 年前

我试图用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中使用此类属性

1 回复 | 直到 10 年前

Teocci 3 年前

您还需要设置 content , height 和 display 以使其实际呈现伪元素。

例子:

    .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;
    }