如何在浏览器的顶部放置标题 - CSS3 HTML5

时间:2012-12-09 00:58:33

标签: html5 css3 header shapes

我正在尝试使用一个形状(用CSS制作),并将它放在HTML页面的顶部。请参阅下面的图片以获取示例。我希望灰色矩形位于HTML页面的顶部,顶部,右侧或左侧没有间隙。我对CSS和HTML非常陌生,所以如果这是一个微不足道的问题,那就很抱歉。我只使用CSS 3和HTML 5,稍后可能会使用一点JavaScript。

我想要的......(注意灰色矩形上方没有间隙)

notice there is not gap above the gray rectangle

我现在拥有的......(注意灰色矩形上方的白色间隙)

notice the white gap above the gray rectangle

这是我的CSS代码:

#header {
margin: auto;
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
}

2 个答案:

答案 0 :(得分:2)

尝试从身体上移除填充物和边距。

body { margin: 0; padding: 0; }

答案 1 :(得分:1)

不知道你的其余代码这是一个很长的镜头,但试试这个:

body {margin:0; padding:0}

#header {
margin:0 auto;
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
}