.box{
width: 150px;
height: 150px;
background: #f39700;;
border-radius: 50%;
text-align: center;
line-height: 150px;
position: relative;
font-size: 40px;
margin: 50px auto;
color:#fff;
font-style: italic; //字体倾斜
}
.box::before{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
width: 200px;
height: 200px;
background-color: #fff;
border-radius:50%;
z-index: -1;
border: 2px solid #f39700;;
}
css伪元素实现
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 学习前端网页开发并将其应用于工作中已经两个月了,发现前端包括的内容真的是无比丰富,知识量巨大……漫漫长路远,尚需艰...
- 1.说一说你平时写代码遵守的编码规范。 1.html,css尽量使用小写字母;2.能使用语义化标签的,使用语义化标...