尚硅谷web前端工程师1000集学习笔记31

哒哒哒菓子

于 2020-02-22 10:56:23 发布

阅读量106

点赞数

分类专栏：边框

本文链接：https://blog.csdn.net/qq_38547320/article/details/104440245

版权

边框专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>边框</title>
		<style type="text/css">
			
			.box{
				width: 200px;
				height: 200px;
				background-color: #bfa;
				
				/*设置边框
				 	大部分的浏览器中，边框的宽度和颜色都是有默认值，而边框的样式默认值都是none
				 * */
				/*border-width:10px ;
				border-color: red;
				border-style: solid;*/
				
				/*
				 * border
				 * 	- 边框的简写样式，通过它可以同时设置四个边框的样式，宽度，颜色
				 * 	- 而且没有任何的顺序要求
				 * 	- border一指定就是同时指定四个边不能分别指定
				 * 
				 * border-top border-right border-bottom border-left
				 * 	可以单独设置四个边的样式，规则和border一样，只不过它只对一个边生效
				 */
				/*border: red solid 10px   ;*/
				/*border-left: red solid 10px   ;*/
				
				/*border-top: red solid 10px;
				border-bottom: red solid 10px;
				border-left: red solid 10px;*/
				
				border: red solid 10px;
				border-right: none;
				
			}
			
		</style>
	</head>
	<body>
		
		<div class="box"></div>
		
	</body>
</html>