CSS可以設置對角線，實現畫出斜線效果，同時也可以實現斜線背景和斜線邊框等效果。

/* 通過transform實現對角線*/
.diagonal-line {
width: 100px;
height: 100px;
background-color: #fcc;
transform: rotate(45deg);
}
/* 通過漸變實現對角線*/
.diagonal-line {
width: 100px;
height: 100px;
background-image: linear-gradient(to right bottom, #fcc 50%, transparent 50%);
}
/* 通過斜線背景實現背景斜線*/
.diagonal-background {
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, #fcc, #fcc 10px, #fff 0, #fff 20px);
}
/* 通過盒子陰影實現斜線邊框*/
.diagonal-border {
width: 100px;
height: 100px;
border: 1px solid #222;
box-shadow: 
0 0 0 1px #222,
-5px 5px 0 1px #222;
}

以上代碼可以實現對角線的各種效果，對于不同場景可以根據實際需求進行選擇使用。