一、水平直線
1.使用hr標簽
hr標簽是HTML中用于插入水平線的標簽，它的代碼非常簡單：
這樣就可以在網頁中插入一條默認樣式的水平線。如果需要設置水平線的樣式，可以使用CSS進行設置。
2.使用div標簽
除了使用hr標簽，我們還可以使用div標簽來實現水平線。代碼如下：
這里的style屬性用于設置div標簽的樣式，border-top表示上邊框，1px表示邊框寬度，solid表示邊框樣式為實線，#000表示邊框顏色為黑色。
二、垂直直線
1.使用border-left屬性
使用CSS的border-left屬性可以實現垂直直線。代碼如下：
這里的height屬性用于設置div標簽的高度，可以根據實際需求進行調整。
2.使用偽元素
除了使用border-left屬性，我們還可以使用CSS的偽元素:before或:after來實現垂直直線。代碼如下：
e">
e:before{tent:"";line-block;
width:1px;
height:100px;d-color:#000;iddle;
tentlinediddle，使其與div標簽垂直居中。
sform屬性
sform屬性可以實現斜線效果。代碼如下：
sform:rotate(-45deg);">
sform屬性用于旋轉div標簽，rotate(-45deg)表示將div標簽逆時針旋轉45度。
2.使用偽元素
sform屬性，我們還可以使用CSS的偽元素:before或:after來實現斜線效果。代碼如下：
e">