在CSS3中，要更改橫線的長度，可以通過調(diào)整邊框長度來實現(xiàn)，以下是一些示例代碼，展示如何更改不同情況下橫線的長度：

1、更改單個元素的橫線長度：

#example {
    border-top: 1px solid #000; /* 更改頂部橫線的長度 */
    border-right: 2px solid #000; /* 更改右側(cè)橫線的長度 */
    border-bottom: 3px solid #000; /* 更改底部橫線的長度 */
    border-left: 4px solid #000; /* 更改左側(cè)橫線的長度 */
}

2、更改多個元素的橫線長度：

.example {
    border-top: 5px solid #000; /* 更改所有頂部橫線的長度 */
    border-right: 10px solid #000; /* 更改所有右側(cè)橫線的長度 */
    border-bottom: 15px solid #000; /* 更改所有底部橫線的長度 */
    border-left: 20px solid #000; /* 更改所有左側(cè)橫線的長度 */
}

3、更改特定元素的橫線長度：

.example:nth-child(3) {
    border-top: 25px solid #000; /* 更改第三個元素的頂部橫線長度 */
    border-right: 30px solid #000; /* 更改第三個元素的右側(cè)橫線長度 */
    border-bottom: 35px solid #000; /* 更改第三個元素的底部橫線長度 */
    border-left: 40px solid #000; /* 更改第三個元素的左側(cè)橫線長度 */
}

這些示例展示了如何在CSS3中靈活調(diào)整橫線的長度，通過調(diào)整邊框長度的值，您可以輕松控制不同元素或特定元素的橫線長度。