對于HR這個標簽,它代表了“水平線”。通過CSS的樣式,可以對HR進行樣式設置。
hr { border-top: 1px solid #ccc; /* 上邊框 */ margin-top: 20px; /* 上外邊距 */ margin-bottom: 20px; /* 下外邊距 */ }
以上的CSS代碼將會使得HR標簽的上方和下方都會有20px的外邊距,同時在HR標簽的上方會有1px的灰色實線作為邊框,從而有效區分圖文內容。
當然,還可以通過其他的CSS樣式來進行修飾:
hr { border: none; background-color: #ccc; height: 1px; margin-top: 20px; margin-bottom: 20px; }
這段CSS代碼會將HR標簽的邊框樣式去掉,使其變成一條直線,同時背景顏色設置成灰色,高度設置成1px。
總之,通過CSS樣式的修改,可以使得HR標簽的樣式變得更加美觀、清晰,更好的服務網頁內容的展示。