Maison > interface Web > tutoriel CSS > Comment supprimer la bordure du bouton avec CSS

Comment supprimer la bordure du bouton avec CSS

王林
Libérer: 2023-01-06 11:13:54
original
6583 Les gens l'ont consulté

La façon de supprimer la bordure d'un bouton en CSS consiste à ajouter l'attribut border-style au bouton et à définir la valeur de l'attribut sur none. La propriété border-style est spécifiquement utilisée pour définir le style de bordure, et none signifie pas de bordure.

Comment supprimer la bordure du bouton avec CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

CSS nous fournit l'attribut border-style, qui peut être 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.

Remarque : La bordure ne peut apparaître que si cette valeur n'est pas nulle.

Valeur de l'attribut :

  • aucun ne définit aucune bordure.

  • masqué équivaut à "aucun". Sauf lorsqu'il est appliqué aux tables, pour lesquelles Hidden est utilisé pour résoudre les conflits de bordure.

  • dotted définit une bordure en pointillés. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs.

  • pointillé définit la ligne pointillée. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs.

  • solide Définit une ligne continue.

Un petit exemple :

Comment supprimer la bordure du bouton avec CSS

Effet de l'opération :

Comment supprimer la bordure du bouton avec CSS

Vous peut voir que la bordure du bouton a été supprimée.

Partage de didacticiels vidéo associés : 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal