CSS中如何修飾
?
在默認情況下,
標簽會生成一條寬度為100%的水平線。如果需要對這條線進行修飾,可以使用CSS。
首先,可以修改
標簽的高度和顏色:
hr { height: 2px; background-color: #000; }
上述代碼會將水平線的高度改為2像素,并將顏色改為黑色。
接下來,可以給
標簽添加樣式,例如添加邊框或陰影效果:
hr { height: 2px; background-color: #000; border: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
上述代碼會將水平線設置為沒有邊框,并在下方添加一個2像素的黑色陰影。
還可以通過添加背景圖像來對水平線進行修飾:
hr { height: 10px; background: url("path/to/image.png") repeat-x center; }
上述代碼將水平線的高度設為10像素,并將背景設為一張平鋪顯示的圖片。