Maison > Article > interface Web > Comment supprimer la bordure gauche en CSS

Comment supprimer la bordure gauche en CSS

青灯夜游original: 2021-07-01 16:15:254514parcourir

En CSS, vous pouvez utiliser l'attribut border-left-style pour supprimer la bordure gauche. Cet attribut peut définir le style de bordure gauche de l'élément ; il vous suffit de définir le "border-left-style:none;" à l’élément de bordure spécifié pour le supprimer.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, vous pouvez utiliser l'attribut border-left-style pour supprimer la bordure gauche.

border-left-style définit le style de la bordure gauche de l'élément. Lorsque la valeur de l'attribut est définie sur "aucun", un style sans bordure peut être défini, c'est-à-dire que la bordure gauche existante est supprimée.

Jetons un coup d'œil aux exemples de code ci-dessous.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p 
{
    border-style:solid;
}
p.none {border-left-style:none;}

</style>
</head>
<body>
<p class="none">去除左边框</p>

</body>
</html>

Rendu :

Comment supprimer la bordure gauche en CSS

(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!

html5 css css3 border

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

Article précédent：Utilisez intelligemment la fonction CSS steps() pour obtenir un effet de retournement de carte aléatoire !Article suivant：Utilisez intelligemment la fonction CSS steps() pour obtenir un effet de retournement de carte aléatoire !

Articles Liés

Voir plus