CSS可以讓我們輕松地輸出一條直線，只需要設置好相應的屬性即可。

/* 設置線條屬性 */
.line {
border-top: 1px solid black;
}

上述代碼中，我們通過設置border-top屬性來定義直線，1px表示線條寬度，solid表示實線，黑色則是線條顏色。

如果想要輸出水平的直線，可以將border-top改為border-bottom屬性：

/* 設置水平線條屬性 */
.horizontal-line {
border-bottom: 1px solid black;
}

這樣就可以實現輸出水平直線的效果了。

值得注意的是，CSS輸出的直線默認是與文字基線對齊的，如果想要將直線對齊到頁面頂部或底部，可以使用position屬性和top或bottom屬性來實現：

/* 頂部對齊 */
.top-line {
position: absolute;
top: 0;
}
/* 底部對齊 */
.bottom-line {
position: absolute;
bottom: 0;
}

這樣就可以將直線對齊到頁面頂部或底部了。

總的來說，CSS讓輸出直線變得非常簡單易用，只需要設置好相應的屬性，就能實現多種直線效果。