视频直播源码，css实现图片对角边框线

视频直播源码，css实现图片对角边框线

代码：

 

1

<br> //阴影                颜色   内阴影<br>box-shadow: 0 0 2.5vw #237ad4 inset;<br>                               //设置颜色背景         设置方位<br>    background: linear-gradient(#1359df, #1359df) left top,<br>      linear-gradient(#1359df, #1359df) left top,<br>      linear-gradient(#1359df, #1359df) right top,<br>      linear-gradient(#1359df, #1359df) right top,<br>      linear-gradient(#1359df, #1359df) left bottom,<br>      linear-gradient(#1359df, #1359df) left bottom,<br>      linear-gradient(#1359df, #1359df) right bottom,<br>      linear-gradient(#1359df, #1359df) right bottom;<br>    background-repeat: no-repeat;<br>    //背景图片             宽 高 ，宽 高<br>    background-size: 0.1vw 18vw, 1.5vw 0.1vw;<br>    width: 300px;<br>    height: 220px;

​background-size：用于定义背景宽高，上面声明了8个，所以他可以分别设置8个宽高

 

比如这样：

 

1

<br>#grad1 {<br>  height: 200px;<br> <br>  background: linear-gradient(#1359df, #1359df),<br>      linear-gradient(#1359df, #1359df),<br>      linear-gradient(#1359df, #1359df) right top,<br>      linear-gradient(#1359df, #1359df) right top,<br>  linear-gradient(#1359df, #1359df) left bottom,<br>      linear-gradient(#1359df, #1359df) left bottom,<br>      linear-gradient(#1359df, #1359df) right bottom,<br>      linear-gradient(#1359df, #1359df) right bottom;<br>//分别设置宽高<br> background-size: 1vw 5vw, 1.5vw 0.1vw,0.1vw 5vw, 1.5vw 0.1vw,<br> 0.1vw 5vw, 1.5vw 0.1vw,0.1vw 5vw, 1.5vw 0.1vw;<br>background-repeat: no-repeat;<br>}

 

以上就是视频直播源码，css实现图片对角边框线， 更多内容欢迎关注之后的文章