在CSS中,您可以使用border
屬性來繪制一條灰色的橫線,以下是一個簡單的示例:
hr { border: 1px solid #808080; /* #808080 是灰色的十六進(jìn)制代碼 */ margin: 0; padding: 0; }
在這個示例中,hr
元素(代表水平規(guī)則)的border
屬性被設(shè)置為1像素寬,顏色為#808080(灰色)的實(shí)線。margin
和padding
屬性被設(shè)置為0,以確保這條橫線沒有額外的空間。
您可以將這段代碼添加到您的CSS樣式表中,然后在HTML文檔中使用<hr>
標(biāo)簽來顯示這條灰色的橫線。
<!DOCTYPE html> <html> <head> <style> hr { border: 1px solid #808080; margin: 0; padding: 0; } </style> </head> <body> <hr> <p>這是一條灰色的橫線。</p> </body> </html>
在這個HTML文檔中,<hr>
標(biāo)簽創(chuàng)建了一條灰色的橫線,文本“這是一條灰色的橫線”顯示在橫線的下方。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。