Html 如何制作标题图像，在标题图像的顶部添加文字和徽标？_Html_Css_Image_Header

Html 如何制作标题图像，在标题图像的顶部添加文字和徽标？

html css image

Html 如何制作标题图像，在标题图像的顶部添加文字和徽标？,html,css,image,header,Html,Css,Image,Header,我正在尝试为我的网站制作一个标题图像，这将允许我在上面显示我在网站中已经使用过的徽标和文本，如果你愿意，可以在背景中显示图像 html代码如下所示： <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title> The World Traveller </title> <link rel="stylesheet" href="

我正在尝试为我的网站制作一个标题图像，这将允许我在上面显示我在网站中已经使用过的徽标和文本，如果你愿意，可以在背景中显示图像

html代码如下所示：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title> The World Traveller </title>
<link rel="stylesheet" href="main.css">

我不知道该怎么办，希望能得到一些帮助（谢谢）

如果我需要在这里输入更多代码，请告诉我

将标题更改为此

<header>
<img src class="logo"> 
<h1> The World traveller </h1>
</header

你也有

header {
background-image:dodgeblue;
padding:0 0 15px;
background-color:#4682B4;
padding: 40px 0;
text-align: center;
color: white;
}

dodgeblue不是我要删除的图像，因为您已经有了背景色。

您能更具体地描述一下徽标和文本的外观吗？

<header>
<img src class="logo"> 
<h1> The World traveller </h1>
</header

.logo{
text-indent: -99999px;
background-image: url("logo2.jpg");
width: 200px;
height:170px;
margin:0;
}

header {
background-image:dodgeblue;
padding:0 0 15px;
background-color:#4682B4;
padding: 40px 0;
text-align: center;
color: white;
}