首页 > 网站建设 > CSS实现背景颜色与边框距离(空隙)

CSS实现背景颜色与边框距离(空隙)

2010年7月12日 发表评论 阅读评论

Gmail的登录框淡蓝色的外框和淡灰色的内容背景间有一段白色的空隙,可以使用内外两层容器实现,外层为背景:

#bg {border: 1px solid green; 
width: 300px; 
margin-left:auto; margin-right:auto;
padding: 2px; 
font-weight: bold; 
background-color:#fff;}

内层为内容:

#content{
height:100%;
background-color:#DDDEEA;
padding: 10px;
}

HTML实现为:

<div id="bg">
<div id="content">
 中间的内容
</div>
</div>

此文系静风说原创,转载请注明出处: http://www.jingfengshuo.com/archives/81.html

分类: 网站建设 标签: 浏览量:1,013 次阅读
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.