html - css 使用边框 border 的时候,怎么让他作为内边框。

Question

{代码...} 这个,怎么让他朝内?就是不改变宽度高度?

高洛峰 · Answer

box-sizing:border-box;IE8下不支援

阿神 · Answer

盒子大小：邊框框；

PHPz · Answer

沒有css屬性可以直接做成你想要的那種效果哦，你只能模擬哈

style="

border-bottom: 50px solid red;
border-top: 50px solid blue;
border-left: 50px solid white;
border-right: 50px solid black;
height: 0;
width: 0;

"

天蓬老师 · Answer

高寬不變改變padding設定邊框

迷茫 · Answer

有兩種實作的方案，
第一種使用css 偽類

    .bk{
        position: relative;
        width:100px;
        height:100px;
    }
    .bk:before{
        content:"";
        position: absolute;
        top:0;
        left:0;
        width:98px;
        height:98px;
        border:1px solid #666;
    }

第二種使用 box-shadow 盒子陰影的內陰影，具體程式碼就不貼了，如果不懂的話就自己去學習吧。
如果題主是因為寫了邊框而造成了佈局被撐壞，就需要去了解元素的盒子模型是怎麼計算的了。