在CSS中給元素添加內(nèi)框的方法有多種,以下是其中幾種常見的寫法。
/* 1.使用border屬性 */ div { border: 1px solid #ccc; /* 1px為邊框?qū)挾龋瑂olid為邊框樣式,#ccc為邊框顏色 */ } /* 2.使用outline屬性 */ input { outline: 1px solid red; /* 和border一樣,前兩個(gè)值為寬度和樣式,第三個(gè)值為顏色 */ } /* 3.使用box-shadow屬性 */ p { box-shadow: 0 0 2px blue; /* 第一個(gè)值為橫向陰影偏移量,第二個(gè)值為縱向陰影偏移量,第三個(gè)值為模糊半徑,第四個(gè)值為陰影顏色 */ }
除了以上寫法,還可以通過設(shè)置元素的padding屬性來實(shí)現(xiàn)內(nèi)框效果。
/* 4.使用padding屬性 */ ul { padding: 10px; /* 設(shè)置元素四個(gè)方向的內(nèi)邊距為10px */ }
需要注意的是,以上寫法都只是給元素添加了內(nèi)框,而非外框。如果需要添加外框,可以在以上寫法的基礎(chǔ)上再使用border屬性或outline屬性等。