如何在 CSS 或 vue 中制作边框

Question

注射：

如果在CSS中有一些属性来创建像布局中这样的角度

程序本身没有在选项卡中指定这个属性我试着在那里搜索 !:

Answer 1

你可以简单地使用 clip-path css 属性，这里是一个例子：

.square{
  clip-path: polygon(80% 0%, 100% 20%, 100% 80%, 0% 80%, 0 0);
  
  background-color:dodgerblue;
  width:200px;
  height:200px;
}

<div class="square"></div>

剪辑路径：多边形(80% 0%, 100% 20%, 100% 80%, 0% 80%, 0 0);

有关此内容的更多信息属性MDN clip-path

How to make a bezel in CSS or vue