在CSS中,我們可以使用邊框來改變HTML元素的外觀。CSS邊框包含寬度,樣式和顏色。
例如,將下面的CSS代碼添加到HTML元素中,我們可以更改該元素的邊框寬度為2像素,邊框樣式為實線,并將其顏色設置為紅色: p { border-width: 2px; border-style: solid; border-color: red; }
CSS中的邊框寬度可以設置為像素,EM,百分比等單位——您可以根據需要設置邊框寬度。
例如,邊框的寬度可以以EM為單位進行設置: p { border-width: 0.5em; border-style: solid; border-color: black; }
另外,CSS邊框的高度可以使用“border-height”這一屬性來改變。但是,“border-height”不是CSS中的標準屬性,而“height”則是。
下面的CSS代碼可以將HTML元素的邊框和高度都設置為2像素: p { border: 2px solid black; height: 100px; }
在以上代碼中,“border”這一屬性相當于同時設置了“border-width”,“border-style”和“border-color”。而“height”屬性則可以改變HTML元素的高度。
最后,請注意,當為HTML元素添加邊框時,邊框寬度和高度會增加元素的總寬度和高度。
上一篇實現圓角css3
下一篇定義多個類選擇器css