Maison  >  Article  >  interface Web  >  Comment écrire un style de ligne pointillée pour une bordure de texte en utilisant CSS ? (exemple)

Comment écrire un style de ligne pointillée pour une bordure de texte en utilisant CSS ? (exemple)

藏色散人
藏色散人original
2018-08-14 14:59:474254parcourir

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 :

Comment écrire un style de ligne pointillée pour une bordure de texte en utilisant CSS ? (exemple)

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 :

Comment écrire un style de ligne pointillée pour une bordure de texte en utilisant CSS ? (exemple)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn