CSS長方形斜線是一種非常常見的效果，可以用于網頁排版和裝飾。下面我們將通過代碼實現這一效果，希望能夠對你有所幫助。

.rectangle{
width: 100px;
height: 50px;
position: relative;
background: #0074D9;
}
.rectangle:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 50px solid #0074D9;
border-right: 50px solid transparent;
}
.rectangle:after{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 50px solid #0074D9;
border-left: 50px solid transparent;
}

上述代碼中，我們創建了一個類名為rectangle的樣式，它是一個長方形。然后使用:before和:after偽類分別創建了兩個三角形，通過將上下左右四個方向的寬度和高度設置為0和具體的邊框樣式，形成了斜線的效果。

最后，我們需要在HTML文件中調用這個類名即可實現。

<div class="rectangle"></div>

以上就是我們這篇文章的所有內容，希望對你有所幫助，也歡迎你加入我們的學習交流中，一起進步。