Maison > Article > interface Web > Comment supprimer les bordures de l'entrée CSS
Comment supprimer les bordures de l'entrée CSS
- 青灯夜游original
- 2021-04-29 17:17:5011497parcourir
Comment supprimer la bordure d'entrée en CSS : 1. Utilisez l'instruction "border:none;" pour définir un style sans bordure pour la supprimer. 2. Utilisez l'instruction "border:0;" width à 0 pour le supprimer ; 3. Utilisez l'instruction "border:transparent;" pour définir une bordure transparente afin de le supprimer.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Méthode 1 : utilisez l'attribut border:none;
border pour définir tous les attributs de bordure. Lorsque la valeur est none, cela signifie que l'attribut border n'est pas défini ou. annulé pour l'élément label. Attribut Border, définit le style sans bordure.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
input{
background-color: papayawhip;
}
#qd{
border:none;
}
</style>
</head>
<body>
<input type="text" value="测试输入框"/><br /><br />
<input id="qd" type="text" value="测试输入框"/>
</body>
</html>Rendu :
Méthode 1 : Utiliser border:0;
Supprimez
#qd{
border:0;
}en réglant la largeur de la bordure à 0 Rendu :
Méthode 3 : Utiliser la bordure :transparent ;
Supprimez
#qd{
border:transparent;
} en définissant le style de bordure sur une couleur transparente :
(Partage de vidéos 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!