這篇文章主要介紹css3如何加內(nèi)邊框，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了田家庵免費建站歡迎大家使用！

css3加內(nèi)邊框的方法：可以通過使用border屬性和box-sizing屬性來加內(nèi)邊框，如【box-sizing:border-box;】。box-sizing屬性允許以某種方式定義某些屬性，以適應(yīng)指定區(qū)域。

相關(guān)屬性：

border屬性允許你指定一個元素邊框的樣式和顏色。

box-sizing 屬性允許你以某種方式定義某些元素，以適應(yīng)指定區(qū)域。

語法：

box-sizing: content-box|border-box|inherit:

屬性值：

• content-box    這是 CSS2.1 指定的寬度和高度的行為。指定元素的寬度和高度（最小/最大屬性）適用于box的寬度和高度。元素的填充和邊框布局和繪制指定寬度和高度除外

• border-box    指定寬度和高度（最小/最大屬性）確定元素邊框。也就是說，對元素指定寬度和高度包括了 padding 和 border 。通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。

• inherit    指定 box-sizing 屬性的值，應(yīng)該從父元素繼承

代碼實現(xiàn)：

 





這個 div 占據(jù)了左邊的一半。
這個 div 占據(jù)了右邊的一半。

實現(xiàn)效果：

以上是css3如何加內(nèi)邊框的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！