Maison > Article > interface Web > Comment supprimer la bordure supérieure en CSS

Comment supprimer la bordure supérieure en CSS

青灯夜游original: 2021-11-09 16:32:124787parcourir

Comment supprimer la bordure supérieure en CSS : 1. Utilisez l'instruction "border-top:none;" pour la supprimer ; 2. Utilisez l'instruction "border-top:transparent;" à transparent ; 3. Utilisez l'instruction "border -top:0;" pour définir la largeur de la bordure supérieure à 0.

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

Lorsque nous utilisons l'attribut border pour définir la bordure, nous définirons les bordures supérieure, inférieure, gauche et droite à la fois :

<!DOCTYPE html>
<html>
	<head>
		<style>
			div{
				height: 50px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

Comment supprimer la bordure supérieure en CSS

Parfois, nous n'avons pas besoin de la bordure supérieure, alors comment la supprimer il? Vous pouvez utiliser l'attribut border-top.

Méthode 1 :

div{
	height: 50px;
	border: 1px solid red;
	border-top:none;
}

Comment supprimer la bordure supérieure en CSS

Méthode 2 :

div{
	height: 50px;
	border: 1px solid red;
	border-top:transparent;
}

Comment supprimer la bordure supérieure en CSS

Méthode 3 :

div{
	height: 50px;
	border: 1px solid red;
	border-top:0;
}

Comment supprimer la bordure supérieure en CSS

(Partage vidéo 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!

html5 css css3 border

Déclaration：

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

Article précédent：Comment définir le pointeur de la souris CSS sur le style d'imageArticle suivant：Comment définir le pointeur de la souris CSS sur le style d'image

Articles Liés

Voir plus