Maison > interface Web > tutoriel CSS > Comment supprimer les bordures de l'entrée

Comment supprimer les bordures de l'entrée

醉折花枝作酒筹
Libérer: 2023-01-05 16:10:21
original
10825 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut border pour supprimer la bordure. Il vous suffit de définir le style "border:none" sur l'élément d'entrée. L'attribut border définit tous les attributs de bordure. Lorsque la valeur est none, cela signifie que l'attribut de bordure n'est pas défini pour l'élément d'étiquette ou que l'attribut de bordure est annulé et qu'un style sans bordure est défini.

Comment supprimer les bordures de l'entrée

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

Créez un nouveau fichier html et nommez-le test.html Dans le fichier test.html, utilisez la balise d'entrée pour créer une zone de saisie de texte. Ajoutez un attribut de classe myttpp à l'élément d'entrée pour définir son style CSS via cette classe. Écrivez la balise , et le style CSS de la page sera écrit dans la balise.

<body>
    <input type="text" name="" class="myttpp">
</body>
Copier après la connexion

Dans la balise CSS, définissez le style d'entrée via la classe (myttpp) et définissez l'attribut border sur none pour supprimer la bordure. Afin d'afficher l'effet, définissez également la couleur d'arrière-plan sur gris.

<style>
.myttpp{
    border: none;
    background: #ccc;
}
</style>
Copier après la connexion

Ouvrez le fichier test.html dans le navigateur pour vérifier l'effet.

Comment supprimer les bordures de lentrée

Apprentissage recommandé : 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