CSSで枠線の色を設定する方法-フロントエンドQ&A-php.cn

CSSで枠線の色を設定する方法

青灯夜游

リリース： 2023-02-17 14:49:01

オリジナル

5194 人が閲覧しました

CSS で境界線の色を設定する方法: 1. border 属性、構文 "border:yansezhi;" を使用します; 2. border-color 属性、構文 "border-color:yansezhi;" を使用します。。カラー値は、カラー名、16 進数値、RGB または RGBA、HSL などを使用して定義できます。

CSSで枠線の色を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

方法 1: 境界線属性を使用する

<!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>

ログイン後にコピー

レンダリング:

CSSで枠線の色を設定する方法

方法 2 : border-color 属性

border-color 属性は、4 つの境界線の色を設定するために使用されます。

<!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>

ログイン後にコピー

レンダリング:

CSSで枠線の色を設定する方法