Comment supprimer la bordure d'un élément en HTML-tutoriel HTML-php.cn

Comment supprimer la bordure d'un élément en HTML

青灯夜游

Libérer： 2023-01-06 11:14:02

original

21172 Les gens l'ont consulté

Comment supprimer la bordure d'un élément en HTML : 1. Utilisez l'attribut style pour ajouter le style "border:none" à l'élément ; 2. Utilisez l'attribut style pour ajouter le "border:0" ; style à l'élément ; 3. Utilisation L'attribut style peut ajouter le style "border:transparent" à l'élément.

Comment supprimer la bordure d'un élément en HTML

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

Méthode 1 : utilisez l'attribut style pour ajouter le style "border:none;" à l'élément

L'attribut border définit tous les attributs de bordure lorsque la valeur est. none, cela signifie que l'élément label ne définit pas l'attribut border ou annule l'attribut border et définit un style sans bordure.

<!DOCTYPE html>
<html> 
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			input{
				background-color: palevioletred;
			}
		</style>
	</head>
	<body>
		<input type="text" value="测试输入框"/>
		<br /><br />
		<input type="text" value="测试输入框--无边框" style="border: none;"/>
	</body>

</html>

Copier après la connexion

Rendu :

Comment supprimer la bordure dun élément en HTML

Méthode 1 : Utilisez l'attribut de style pour ajouter "border:0" à l'élément ;" style

supprime

<input type="text" value="测试输入框"/>
<br /><br />
<input type="text" value="测试输入框--边框宽度为0" style="border: 0;"/>

Copier après la connexion

en définissant la largeur de la bordure à 0. Rendu :

Comment supprimer la bordure dun élément en HTML

Méthode 3 : utilisez l'attribut style pour ajouter le style "border:transparent;" à l'élément

Supprimez-le en définissant le style de bordure sur une couleur transparente

<input type="text" value="测试输入框"/>
<br /><br />
<input type="text" value="测试输入框--透明边框" style="border: 0;"/>

Copier après la connexion

Rendu :

Comment supprimer la bordure dun élément en HTML

Partage vidéo d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo HTML

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!