前端日常实践：3#视频演示如何用纯CSS制作容器粗条纹边框效果

效果预览在当前页面点击右侧“点击预览”按钮进行预览，点击链接进行预览全屏显示。https://codepen.io/zhang-ou/pen/YLqbXy交互式视频教程本视频是交互式的，您可以随时暂停视频并编辑视频中的代码。请使用chrome、safari、edge打开观看。https://scrimba.com/c/cPvn6tE源码下载请到github下载。https://github.com/comehop??e/front-end-daily-challenges/tree/master/003-diagonal-stripe-border-effects代码解读定义了一个名为box的容器：/div>内容中心显示：html,body{height:100%;显示：弹性；对齐项目：居中；justify-content:center;}绘制条纹背景：.box{width:300px;高度：300px；背景：线性渐变（-45deg，白色0%，白色25%，hotpink25%，hotpink50%，白色50%，白色75%，hotpink75%，hotpink100%）；background-size:10%;}inbox在容器中定义一个名为content的容器：