Maison > Article > interface Web > Comment définir une ligne pointillée sous CSS
Comment définir une ligne pointillée sous CSS
- WBOYoriginal
- 2021-12-02 18:05:527455parcourir
En CSS, vous pouvez utiliser l'attribut "border-bottom" pour définir le style de ligne pointillée inférieure. Cet attribut est utilisé pour définir le style de bordure inférieure de l'élément. Il vous suffit de définir la valeur de style sur "pointillé". obtenir l'effet de bordure inférieure en pointillés ; la syntaxe est : "Élément {border-bottom : valeur d'épaisseur de ligne en pointillés, valeur de couleur en pointillés ;}".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment définir la ligne pointillée inférieure en CSS
Vous pouvez définir la ligne pointillée inférieure d'un élément en définissant l'attribut border-bottom. Jetons un coup d'œil à un exemple. L'exemple est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
p{
border-bottom:1px dashed black;
}
</style>
</head>
<body>
<p>设置下虚线</p>
</body>
</html>Résultat de sortie :
(Partage vidéo d'apprentissage : tutoriel vidéo CSS)
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!