1. 让标签靠左:

可以使用CSS中的float属性来实现标签靠左,如下所示:

.tag {
  float: left;
}
  1. 去掉四个尖角:

可以使用CSS中的border-radius属性来实现去掉四个尖角,如下所示:

.tag {
  border-radius: 30px; /* 30px可以根据需要进行调整 */
}
  1. 变成椭圆:

将border-radius的值设置为标签宽度的一半即可实现将标签变成椭圆,如下所示:

.tag {
  border-radius: 50%; /* 将标签变成椭圆 */
}

综合上述三点,可以如下所示实现让一个标签靠左、去掉四个尖角、变成椭圆:

.tag {
  float: left; /* 让标签靠左 */
  border-radius: 50%; /* 去掉四个尖角,将标签变成椭圆 */
}
css 让一个标签靠左去掉四个尖角变成椭圆

原文地址: https://www.cveoy.top/t/topic/9Ia 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录