如何在 CSS 或 vue 中制作边框

【问题标题】：How to make a bezel in CSS or vue如何在 CSS 或 vue 中制作边框
【发布时间】：2022-01-02 11:29:09
【问题描述】：

注入：

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

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

【问题讨论】：

【解决方案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;
}

&lt;div class="square"&gt;&lt;/div&gt;

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

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

【讨论】：