CSS--边框的其他用法（设置单独一条边）

最新推荐文章于 2024-06-24 11:02:57 发布

聆听。。花开雨落

最新推荐文章于 2024-06-24 11:02:57 发布

阅读量2.8k

点赞数

分类专栏： CSS

原文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/82939144

版权

CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

边框的其他用法

我们可以单独设置其中一条边，下面是代码实例。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				/*设置宽度和高度 单位px（像素）*/
				width: 100px;
				height: 100px;
				/*单独设置某一条边*/
				/*设置下面*/
				border-bottom: 4px solid blue;
				/*设置上面*/
				border-top: 4px solid red;
				/*设置左边*/
				border-left: 4px solid black;
				/*设置右边*/
				border-right: 4px solid green;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>