Maison > Article > interface Web > Comment supprimer les bordures de l'entrée
Comment supprimer les bordures de l'entrée
- 醉折花枝作酒筹original
- 2021-04-21 15:21:2010775parcourir
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.
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>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>Ouvrez le fichier test.html dans le navigateur pour vérifier l'effet.
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!