天天看點

前端筆記10——CSS邊框的基本用法

邊框的基本用法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				/*設定寬度和高度 機關px(像素)*/
				width: 100px;
				height: 100px;
				/*表示給盒子設定邊框的寬度
				border-width: 4px;
				表示設定邊框的風格
				border-style: solid;
				表示設定邊框的顔色
				border-color: red;*/
				/*以上三條代碼可以簡寫成一條*/
				border: 4px solid red;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>