在HTML5中,我們可以使用CSS的border屬性來設置實線。border屬性有三個屬性值,分別是border-width(邊框寬度)、border-style(邊框樣式)和border-color(邊框顏色)。
/*設置實線*/ border: solid 1px #000000;
上面代碼中,solid表示邊框樣式為實線,1px為邊框的寬度,#000000為邊框的顏色。如果我們想只設置某一條邊為實線,可以使用border-top、border-right、border-bottom或border-left屬性。
/*設置頂部為實線*/ border-top: solid 1px #000000; /*設置右側為實線*/ border-right: solid 1px #000000; /*設置底部為實線*/ border-bottom: solid 1px #000000; /*設置左側為實線*/ border-left: solid 1px #000000;
以上代碼中,都是只設置了一條邊為實線,其他邊的樣式為默認樣式。如果我們想同時設置多條邊為實線,可以使用border-top和border-bottom、以及border-left和border-right的組合。
/*設置上下為實線*/ border-top: solid 1px #000000; border-bottom: solid 1px #000000; /*設置左右為實線*/ border-left: solid 1px #000000; border-right: solid 1px #000000;
以上代碼中,我們分別設置了上下和左右兩組邊為實線。