css中如何将border设置为内侧显示?


一般情况下,我们在css中定义一个border,这个border都是显示在边框外侧的。请问css能否支持内侧边框显示?如果支持,该如何操作?

开发 前端 css 边框 border

菊花残大肠断 10 years, 2 months ago

你可以使用box-sizing属性,具体如下:

div{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width:100px;
  height:100px;
  border:1px solid red;
}

看效果的话到 http://jsfiddle.net/yWuhU/

IE8以及以上都可以使用;火狐,chrome等主流浏览器也都支持。

老周去叼嗨 answered 10 years, 2 months ago

Your Answer