Comment définir la couleur de la bordure en CSS-Questions et réponses frontales-php.cn

Comment définir la couleur de la bordure en CSS

青灯夜游

Libérer： 2023-02-17 14:49:01

original

5195 Les gens l'ont consulté

Comment définir la couleur de la bordure en CSS : 1. Utilisez l'attribut border avec la syntaxe "border:yansezhi;"; 2. Utilisez l'attribut border-color avec la syntaxe "border-color:yansezhi;". Les valeurs de couleur peuvent être définies à l'aide de noms de couleurs, de valeurs hexadécimales, RVB ou RGBA, HSL, etc.

Comment définir la couleur de la bordure en CSS

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

Méthode 1 : Utiliser l'attribut border

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			div{ 
				margin: 10px;
				border:solid #FFC0CB;
			}
		</style>
	</head>
	<body>
		<div>测试文字</div>
		<div>测试文字</div>
		<div>测试文字</div>
	</body>
</html>

Copier après la connexion

Rendu :

Comment définir la couleur de la bordure en CSS

Méthode 2 : attribut border-color

L'attribut border-color est utilisé pour définir la couleur des quatre bordures.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			div{ 
				margin: 10px;
				border:solid;
				border-color: bisque;
			}
		</style>
	</head>
	<body>
		<div>测试文字</div>
		<div>测试文字</div>
		<div>测试文字</div>
	</body>
</html>

Copier après la connexion

Rendu :

Comment définir la couleur de la bordure en CSS