在CSS中我們經(jīng)常需要添加水平線用于分隔不同的內(nèi)容，但是有時(shí)候默認(rèn)的水平線位置并不是我們想要的，那么該如何在CSS中將水平線上移呢？

hr {
margin-top: -10px;
}

實(shí)際上，要將水平線上移只需要給水平線添加一個(gè)負(fù)的上邊距（margin-top），例如上面的代碼就是將水平線的上邊距設(shè)置為-10px，這樣就可以將水平線上移了。

需要注意的是，因?yàn)槊總€(gè)瀏覽器的默認(rèn)樣式不同，所以在不同瀏覽器中可能效果會(huì)有所差異，可以使用瀏覽器兼容性前綴來(lái)解決這個(gè)問(wèn)題。

hr {
margin-top: -10px;
-webkit-margin-before: -10px; /* Safari/Chrome */
margin-block-start: -10px; /* Firefox */
}

通過(guò)添加前綴，可以確保不同瀏覽器的兼容性，使得水平線的位置在不同瀏覽器中表現(xiàn)一致。