設(shè)置div邊框樣式 CSS中如何設(shè)置div的邊框？

2021-03-11

1620

CSS中如何設(shè)置div的邊框？1. 創(chuàng)建新的HTML頁。2. 在HTML的<body>中寫下<div>標記，瀏覽器就會有相應(yīng)的效果圖。3. 內(nèi)部嵌套CSS或外部引用CSS文件（常規(guī)外部

CSS中如何設(shè)置div的邊框？

1. 創(chuàng)建新的HTML頁。

2. 在HTML的<body>中寫下<div>標記，瀏覽器就會有相應(yīng)的效果圖。

3. 內(nèi)部嵌套CSS或外部引用CSS文件（常規(guī)外部引用），將樣式添加到div，并統(tǒng)一設(shè)置邊框樣式。

4. 也可以單獨設(shè)置邊框樣式。

虛線邊框樣式：虛線邊框?qū)崿F(xiàn)樣式：實心邊框：1px虛線#000表示將對象邊框的寬度設(shè)置為1px黑色虛線邊框邊框：1px實心#000表示將對象的邊框?qū)挾仍O(shè)置為1px黑色以實現(xiàn)邊框

邊框顏色可使用“邊框顏色”屬性，邊框?qū)挾瓤梢杂谩皩挾取睂傩栽O(shè)置，邊框高度可以用“高度”屬性設(shè)置。

1. 創(chuàng)建一個新的HTML文檔，將div標簽添加到body標簽，并為標簽添加一個類。這里，以“演示”為例：

2。將“border color”屬性添加到“demo”類中，屬性值是邊框的顏色。在這種情況下，將添加div邊框的顏色：

3。將“width”和“height”屬性添加到“demo”類中，屬性值是width和height的大值設(shè)置div的寬度和高度