如果我們想要在網頁中畫線,可以使用 CSS 的<div>
標簽來實現。我們可以用border-top
、border-right
、border-bottom
和border-left
屬性來定義線的位置、顏色、寬度等。
/* 繪制上方水平線 */ .horizontal-line-top { border-top: 1px solid black; } /* 繪制右側垂直線 */ .vertical-line-right { border-right: 1px solid black; } /* 繪制下方水平線 */ .horizontal-line-bottom { border-bottom: 1px solid black; } /* 繪制左側垂直線 */ .vertical-line-left { border-left: 1px solid black; }
以上代碼中,我們使用了四個不同的 CSS 類,每個類分別繪制線的不同位置。當需要繪制多條線時,我們可以在 HTML 中使用多個<div>
元素,并將它們應用不同的 CSS 類來實現。
<div class="horizontal-line-top"></div> <div class="vertical-line-right"></div> <div class="horizontal-line-bottom"></div> <div class="vertical-line-left"></div>
這樣就可以在頁面上畫出一個方框了。
上一篇css怎么添加新字體
下一篇css怎么畫陰影