html5边框

background ：
[background-color]
[background-image]
[background-position]
[/background-size]
[background-repeat]
[background-attachment]
设置背景图像是否固定或者随着页面的其余部分滚动
[background-clip] | [background-origin]

.box1 {
		width: 200px;
		height: 200px;
		border: 30px solid aqua;
		/* 圆角 */
		/* border-radius: 10px 30px 50px; */
		/* border-radius: 50%; */
		/* 盒子阴影 */
		/* box-shadow: 水平 垂直 大小 颜色; */
		/* border-image: url(../../2.png) 0 36 repeat; */
		background:url(../../2.png);
		background-repeat:no-repeat;
		background-size:100% 100%;
		/* background-origin:content-box; */
		/* background-clip:content-box; */
		background-attachment: fixed;
		background-image: repeating-linear-gradient(red,black 20%,green 10%);
	}

默认情况：从上到下

background-image: linear-gradient(颜色, 颜色,...);

从左到右to right|left|top|bottom

background-image: linear-gradient(to right,red,orange);

对角方式to bottom right 设置角度90deg

background-image: linear-gradient(90deg,red,#000);

使用透明度

background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

重复线性渐变

background-image: linear-gradient(red,black 20%,green 10%);