前端笔记10——CSS边框的基本用法

最新推荐文章于 2024-04-26 22:14:34 发布

原创最新推荐文章于 2024-04-26 22:14:34 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #边框 #基本用法

前端专栏收录该内容

93 篇文章

订阅专栏

本文详细介绍了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>