在HTML/CSS中，如何使用图像作为导航栏上方页面顶部的标题？
我正在创建一个基本页面，该页面应与此链接中的图1类似： 唯一的问题是，我想放置一个图像，而不是标题的文本。我试图在CSS样式的图像大小和中心它 就在标题下，我有一个ul，它是我的导航栏。然后，我有一个背景，这将是一对夫妇的段落。最后是页脚 我的问题是，当我尝试设置标题样式时，我最终不得不使用“背景图像”，标题位于导航栏后面，而不是页面顶部 HTML正文示例：在HTML/CSS中，如何使用图像作为导航栏上方页面顶部的标题？,html,css,Html,Css,我正在创建一个基本页面，该页面应与此链接中的图1类似： 唯一的问题是，我想放置一个图像，而不是标题的文本。我试图在CSS样式的图像大小和中心它 就在标题下，我有一个ul，它是我的导航栏。然后，我有一个背景，这将是一对夫妇的段落。最后是页脚 我的问题是，当我尝试设置标题样式时，我最终不得不使用“背景图像”，标题位于导航栏后面，而不是页面顶部 HTML正文示例： <body> <div id="header"> <div id="nav"> &
<body>
<div id="header">
<div id="nav">
</div>
</div>
<div id="content">
</div>
<div id="footer">
</div>
</body>
我必须在CSS中为标题键入什么作为图像 只需制作块级图像：
<div id="header">
<img src="mypic.png" />
<div id="nav"></div>
</div>
CSS图像放置
#头条新闻1{
背景图片：url（图片/时事通讯标题1.gif）；
背景重复：无重复；
背景位置：左上；
填充顶部：68px；
边缘底部：50px；
}
#头条新闻2{
背景图片：url（im`enter code here`ages/newsletter_headline2.gif）；
背景重复：无重复；
背景位置：左上；
填充顶部：68px；
}
一些文字…
更多的文字。。
img {
display: block;
margin: 0 auto;
}