Maison > Article > interface Web > Comment écrire un style de ligne pointillée pour une bordure de texte en utilisant CSS ? (exemple)
Cet article vous présente principalement comment écrire le style de la bordure en pointillés du texte CSS. J'espère qu'il sera utile aux amis dans le besoin. Ici, je vais vous donner un exemple de la façon de définir des lignes de bordure CSS.
Le code est le suivant :
<!DOCTYPE HTML> <html lang="en"> <head> <title>css边框线怎么设置的例子</title> <meta charset="UTF-8"> <style type="text/css"> p { width: 550px; border: 1px solid red; } </style> </head> <body> <div> <p>css border 外边框、css边框线怎么设置?</p> </div> </body> </html>
L'effet est le suivant :
Comme indiqué ici, l'attribut border est utilisé. Ajoutez simplement une bordure à un morceau de texte et ajoutez de la couleur.
Ensuite, laissez-moi vous présenter comment configurer la boîte pointillée CSS :
<!DOCTYPE HTML> <html lang="en"> <head> <title>css虚线框的例子</title> <meta charset="UTF-8"> <style type="text/css"> p { width: 550px; border-color:red; border-style:dotted ; } </style> </head> <body> <div> <p>css设置文字虚线边框、css文字虚线边框、html虚线框、css边框虚线代码</p> </div> </body> </html>
L'effet est le suivant :
Ici, mentionnez l'attribut très important border-style:dotted;
L'attribut border-style est utilisé pour définir le style de toutes les bordures d'un élément, ou pour définir le style de bordure pour chaque côté individuellement. La bordure ne peut apparaître que si cette valeur n'est pas nulle.
La valeur pointillée ici sert à définir la bordure pointillée. Cela est représenté par la case en pointillés dans l’image ci-dessus.
Remarque : tous les navigateurs prennent en charge l'attribut border-style.
【Articles connexes recommandés】
Comment écrire du code CSS à bordure arrondie ? (Exemple de code)
Partagez l'exemple de code d'ajout d'un style de bordure à un div
Explication détaillée de la façon d'implémenter le dégradé de couleurs de la bordure code en 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!