css标签样式

//绿色
.text {
  background-color: #06a18d;
  color: #fff; 
  letter-spacing: 0;
  line-height: 16px; 
  padding: 0 2px;
  text-align: center; 
  position: absolute;
  width: 50px;
  height: 20px;
  line-height: 20px;
  top: -15px;
  right: -240px;
  border-radius: 10px 0 0 10px;
}
.text:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 4px solid #007768;
  border-right: 5.5px solid transparent;
  top: -4px;
  right: 0px;
}
//红色
.texts {
  background-color: rgb(253, 80, 80);
}
.texts:before {
  border-bottom: 4px solid rgb(253, 35, 35);
}