CSS樣式中，直線長(zhǎng)度的設(shè)置通常與元素的邊框（border）或裝飾性線條（decoration）相關(guān)，雖然CSS本身不直接提供測(cè)量直線長(zhǎng)度的函數(shù)，但可以通過設(shè)置邊框的寬度和顏色，或者利用裝飾性線條來間接實(shí)現(xiàn)。

設(shè)置邊框?qū)挾?/p>

HTML元素通常都有默認(rèn)的邊框，可以通過CSS樣式來修改這個(gè)邊框的寬度，如果你想要一個(gè)長(zhǎng)度為10像素的直線，你可以給一個(gè)div元素設(shè)置一個(gè)寬度為10像素的邊框：

div {
    border-width: 10px;
    border-style: solid;
    border-color: black;
}

這樣，div元素的邊框就會(huì)顯示為一條長(zhǎng)度為10像素的直線。

使用裝飾性線條

除了邊框，CSS還提供了裝飾性線條（decoration）的概念，這可以用于在元素上添加裝飾性的線條，與邊框類似，裝飾性線條的寬度和顏色也可以設(shè)置：

div {
    text-decoration: line-through; /* 添加一條穿過文本的直線 */
    text-decoration-width: 10px; /* 設(shè)置直線的寬度為10像素 */
    text-decoration-color: red; /* 設(shè)置直線的顏色為紅色 */
}

這樣，div元素上的裝飾性線條就會(huì)顯示為一條長(zhǎng)度為10像素、顏色為紅色的直線。

響應(yīng)式設(shè)計(jì)

在響應(yīng)式設(shè)計(jì)中，直線長(zhǎng)度的設(shè)置可能需要考慮不同屏幕大小下的顯示效果，可以通過媒體查詢（media query）來設(shè)置不同屏幕下的直線長(zhǎng)度：

div {
    border-width: 10px; /* 在普通屏幕上顯示長(zhǎng)度為10像素的直線 */
}
@media (max-width: 600px) {
    div {
        border-width: 5px; /* 在屏幕寬度小于等于600像素時(shí)，顯示長(zhǎng)度為5像素的直線 */
    }
}

這樣，在不同屏幕大小下，div元素的邊框直線長(zhǎng)度就會(huì)有所不同。