为了账号安全,请及时绑定邮箱和手机立即绑定

为什么中间的.content部分要在左右加一个和背景颜色一样的边框呢?直接用背景就好了呀,加了边框多了很多代码,是必要的吗?

正在回答

1 回答

在这个Demo里面,确实是可以去掉这个border的设置的。但是,不建议去掉,因为这样做更合理些。

1、从盒子模型来看,其实背景颜色的区域和border是分开的,

http://img1.sycdn.imooc.com//55ed19e90001cc7208510471.jpg

background设置的是图中右边 蓝色框(内容)和浅绿色框(padding)的颜色。border的颜色需要另行设置。

2、假设背景颜色是蓝色,边框是绿色,那么放在这个Demo里面,就不能去掉border了。实际上我碰到的很多的例子,都是背景颜色跟边框颜色不一样的。

总结:建议加上去,作为一个完善的代码结构,这样写既便于代码复用,也可以用于背景颜色和边框颜色不一样的情况。

0 回复 有任何疑惑可以回复我~
#1

炸猪排超人

补充:在用CSS3中border-radius实现圆角的时候,你可以看看盒子模型,border是不是至少为1px?然后试下把border去掉,即0px,你会发现圆角也没有了。所以这里设置border为1px也是有道理的。
2015-09-07 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS圆角进化论
  • 参与学习       26413    人
  • 解答问题       95    个

CSS小圆角,三种制作方式都教给你,并详细讲解每一种的实现方式

进入课程
意见反馈 帮助中心 APP下载
官方微信