css 让一个标签靠左去掉四个尖角变成椭圆
- 让标签靠左:
可以使用CSS中的float属性来实现标签靠左,如下所示:
.tag {
float: left;
}
- 去掉四个尖角:
可以使用CSS中的border-radius属性来实现去掉四个尖角,如下所示:
.tag {
border-radius: 30px; /* 30px可以根据需要进行调整 */
}
- 变成椭圆:
将border-radius的值设置为标签宽度的一半即可实现将标签变成椭圆,如下所示:
.tag {
border-radius: 50%; /* 将标签变成椭圆 */
}
综合上述三点,可以如下所示实现让一个标签靠左、去掉四个尖角、变成椭圆:
.tag {
float: left; /* 让标签靠左 */
border-radius: 50%; /* 去掉四个尖角,将标签变成椭圆 */
}
原文地址: https://www.cveoy.top/t/topic/9Ia 著作权归作者所有。请勿转载和采集!