CSS的橫線制作方法有很多,可以通過使用border屬性、hr元素、偽元素等方式來制作。
/* 使用border屬性制作橫線 */ .horizontal-line { border-top: 1px solid #000; } /* 使用hr元素制作橫線 */ <hr> /* 使用偽元素制作橫線 */ .horizontal-line::before { content: ""; display: block; border-top: 1px solid #000; }
以上三種方法都可以制作出一條橫線。其中,使用border屬性的方法需要在需要制作橫線的元素上添加上下padding值,否則橫線會緊貼在元素文本的下方。
使用hr元素制作橫線是一種最簡單易行的方法,但是該元素本身是塊級元素,會造成排版上的影響。
使用偽元素制作橫線是一種比較優秀的方式,不會影響到元素本身的排版,代碼也比較簡短。
總之,根據實際需求,可以選擇適合自己的橫線制作方法。