CSS是一個用于網頁設計的工具，它可以用來控制網頁的樣式，其中包括了各種圖形效果，比如畫線。

畫斜線是網頁設計中經常用到的效果之一，下面我們來看看如何用CSS畫一個帶有兩條斜線的圖形：

.line {
position: relative;
width: 100px;
height: 100px;
border: 1px solid black;
}
.line:before,
.line:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: black;
}
.line:before {
top: 0;
left: 0;
transform: rotate(45deg);
}
.line:after {
bottom: 0;
left: 0;
transform: rotate(-45deg);
}

代碼中的.line類表示將要畫的圖形，它擁有一個寬高為100px的區域和一個黑色的邊框。在類中使用了:before和:after偽類來創建兩條斜線：

.line:before,
.line:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: black;
}

以上代碼表示創建了兩個空的元素，并將它們定位在.line類所在的位置。通過設置寬度和高度，并添加背景色，我們成功創建了兩條寬1像素的黑色直線。

接下來的代碼段是關鍵，它用來將這兩條直線旋轉45度和-45度，使它們成為兩條斜線：

.line:before {
top: 0;
left: 0;
transform: rotate(45deg);
}
.line:after {
bottom: 0;
left: 0;
transform: rotate(-45deg);
}

:before偽類使第一條線旋轉45度，而:after偽類讓第二條線旋轉-45度，這樣它們便成為兩條斜線。

細心的讀者會發現，在代碼中還有一個position屬性，這是為了將整個圖形與頁面保持一致。由于比例和顏色的差異，實際網頁中需要進行調整。

總之，CSS是一個強大的工具，它可以實現各種網頁效果，包括畫線。通過以上代碼，我們可以輕松地畫出帶有兩條斜線的圖形。