CSS中邊框是一個(gè)常見的樣式設(shè)置。邊框可以通過CSS樣式表進(jìn)行設(shè)置。而邊框向內(nèi)是其中一個(gè)設(shè)置之一。
.box { border: 10px solid #ccc; padding: 20px; width: 200px; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
上面的代碼為設(shè)置一個(gè)具有10px厚的邊框的元素,該元素的padding為20px,并且它的寬度為200px。此外,還通過border-collapse和border-spacing 屬性來控制邊框的展現(xiàn)形式,讓邊框呈現(xiàn)一個(gè)整體感覺,并且將邊框間隔設(shè)置為0。
最后,要注意使用box-sizing屬性能夠改變?cè)氐暮凶幽P汀⒃氐腷ox-sizing設(shè)置為border-box,可以讓兼容性更好且更加正確地實(shí)現(xiàn)元素的邊框向內(nèi)。