CSS讓圓角邊框傾斜的技巧：

.border{
width: 100px;
height: 50px;
background-color: #fff;
border-radius: 5px;
position: relative;
}
.border:before{
content: '';
display: block;
position: absolute;
top: -5px;
left: -5px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-right: 10px solid #fff;
border-bottom: 0 solid #000;
border-left: 0 solid #000;
z-index: -1;
}
.border:after{
content: '';
display: block;
position: absolute;
top: -5px;
right: -5px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-right: 0 solid #000;
border-bottom: 0 solid #000;
border-left: 10px solid #fff;
z-index: -1;
}

上述代碼中，使用:before和:after偽元素選中元素來實現傾斜邊框效果，同時利用border-top，border-right，border-bottom，border-left來設置元素的邊框樣式，通過改變邊框的顏色與透明度，實現圓角邊框的傾斜效果。