零基础建站培训介绍

当前位置:

CSS如何让边框不占宽度和高度

HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关教程:HTML入门教程

我们做网站时可以添加边框box-sizing属性:让边框不占宽度,在DIV宽度内画边框。


div.box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
border:1em solid red;
}

这种方法对于圆角边框也是适用的。圆角边框制作方法见:如何让DIV边框为圆角 图片直角变圆角

上一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注