特别的html设置

1怎么设置如图中的圆形 

 

首现要用到ul列表，当然要使用list-style：none;去除ul的列表格式

再设置一个大元素，大元素里面含有“大家都喜欢买的美容品”，用h3即可，同时把字体颜色改成白色，设置虚线用 border-bottom:1px dashed，圆形的设置如下：

 li:first-of-type{
            display:inline-block;
            width:20px;
            height:20px;
            border-radius:50%;
            color:#fff;
            background-color:rgb(55,60,60);
            line-height:30px;
            text-align:conter;
            margin-right:8px;
        }

 因为list-style：none的原因，所以文本前面会空出来，这就需要用到first-of-type来置前，要现在前面设置个行内块元素，行内块元素的优点是兼具块元素和行内元素的特点，然后设置行内块元素的大小用到宽高，border-radius：50%是占据刚刚设置行内块元素的面积大小