现在有一个div给div添加一个边框其中div的右侧边框为45度斜角其余边框为垂直不变设计一套css代码

div {
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  border-right: none;
  position: relative;
}

div::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  border-top: 2px solid black;
  border-left: 2px solid black;
  transform: skew(-45deg);
  width: 20px;
  height: 100%;
}

注释：使用 ::after 伪元素来创建一个右侧边框，使用 transform: skew(-45deg) 来将边框倾斜，同时将 width 设置为边框的长度，height 设置为 100% 来占满整个 div 的高度。同时，将 div 的右侧边框设置为 none，只保留其他三个边框。