将边框放置在div内部而不是其边缘

我有一个<部门&gt元素,我想在它上面加一个边框。我知道我可以写style=“border:1px solid black”,但这会在div的两侧增加2px,这不是我想要的

我希望这个边界距离div的边缘是-1px。div本身是100px x 100px,如果我添加了一个边界,那么我必须做一些数学来显示边界

是否有任何方法可以使边框显示,并确保框仍为100px(包括边框)

框大小调整属性设置为边框框

div{
框大小:边框框;
-moz框大小:边框框;
-webkit框大小:边框框;
宽度:100px;
高度:100px;
边框:20px实心#f00;
背景:#00f;
利润率:10px;
}
div+div{
边框:10px纯红;
}
<部门>你好!&lt/部门>
<部门>你好!&lt/部门&gt

它适用于IE8&上面

发表评论