CSS是網頁設計中非常重要的一部分，它不僅可以設置頁面的樣式和布局，還可以用來畫各種圖形，比如四邊框直線。

/* 畫四邊框直線 */
.box {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

上面的代碼中，我們定義了一個名為“box”的元素，并通過border-top、border-right、border-bottom和border-left四個屬性來實現四邊框直線的效果。其中，solid代表線的類型為實線，#ccc代表線的顏色為灰色。如果需要改變線的顏色或粗細，只需要更改對應的屬性值即可。

除了上面的方式外，還可以用border屬性來一次性設置四條邊的樣式。例如：

/* 畫四邊框直線 */
.box {
border: 1px solid #ccc;
}

上面的代碼實現的效果與之前的代碼是相同的，但只使用了一個屬性就完成了設置。

總之，使用CSS畫出四邊框直線非常簡單，只需要使用border、border-top、border-right、border-bottom和border-left屬性，并設置合適的值，就可以實現自己想要的效果。