CSS实现div右侧边框斜角效果

使用CSS实现div右侧边框斜角效果

想要实现div右侧边框斜角效果，可以使用transform: skew()属性。

示例代码：

div {
  width: 100px;
  height: 80px;
  border: 2px solid black;
  border-right: 2px solid black;
  transform: skew(-45deg);
}

解释：

• width: 100px; 和 height: 80px; 设置div的宽高。
• border: 2px solid black; 设置div的边框样式，其中2px为边框宽度，solid为边框类型，black为边框颜色。
• border-right: 2px solid black; 设定div右侧边框的样式。
• transform: skew(-45deg); 将div沿X轴方向倾斜-45度，从而实现右侧边框的斜角效果。

效果：

[图片展示效果]