Comment implémenter des points en CSS3

Comment implémenter des points en CSS3 : 1. Créez un div sous la forme "

"; 2. Définissez l'attribut CSS sur ". status -point {display: inline-block;width: 6px;height: 6px;border-radius: 50%;}" pour obtenir l'effet de point.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur DELL G3

Comment implémenter des points en css3 ?

css pour réaliser des petits points

Effet requis :

   <div v-if="scope.data.row.status === 1">
        <div class="status-point" style=" background-color:#67C23A" />
        已通过
      </div>
      <div v-else-if="scope.data.row.status === 0">
        <div class="status-point" style=" background-color:#E6A23C" />
        未被审批</div>
      <div v-else-if="scope.data.row.status === 2">
        <div class="status-point" style=" background-color:#00000040" />
        未通过</div>

<style scoped>
.status-point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
</style>

J'y penserai plus tard, tu peux aussi utiliser i tag.

Apprentissage recommandé : "Tutoriel vidéo CSS3"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!