Javascript 如何在CSS中添加顶部横幅而不接触或添加任何HTML div？_Javascript_Html_Css

Javascript 如何在CSS中添加顶部横幅而不接触或添加任何HTML div？

javascript html css

Javascript 如何在CSS中添加顶部横幅而不接触或添加任何HTML div？,javascript,html,css,Javascript,Html,Css,我想在网站顶部添加一个横幅，但根本不涉及HTML文件。以下是横幅的CSS代码： position: absolute; top: 0px; left: 0px; height: 30px; width: 100%; background-color: #5d2c2c; line-height: 0; 我的CSS文件中也有这段代码 h2:before{ content:url(https://something.png); margin-right: 5px; vertical-align:

我想在网站顶部添加一个横幅，但根本不涉及HTML文件。以下是横幅的CSS代码：

position: absolute;
top: 0px;
left: 0px;
height: 30px;
width: 100%;
background-color: #5d2c2c;
line-height: 0;

我的CSS文件中也有这段代码

h2:before{
content:url(https://something.png);
margin-right: 5px;
vertical-align: 10%;
}
h1:after {
content:url(https://smething.png);
float: right;   
}

这是我的HTML代码，我无法触摸它：

<head>
<title>A title </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="file.css" /> 
</head>
<body>
<div id="content">
<h1>header1</h1>
<div id="test">
<h2>header2</h2>

<fieldset>
<legend>About You</legend>
<p id="UserInfo">What is your name?</p>
<div>
<input type="text" name="yourname" size="40" />
</div>
</fieldset>

<div id="footer">  
<p>Thank you<a href="http://www.123.com/en">123</a></p>
</div>
</div>
</body>
</html>


头衔
校长1
校长2
关于你
你叫什么名字
多谢各位

我尝试在CSS文件中使用：：before作为横幅代码，但是h2之前的图片与横幅一起出现，我无法将它们分开！！

谁能帮帮我吗

我希望这段代码可以帮助：

我希望此代码可以帮助：

猫旗：

#内容：之前{
内容：“；
背景：url(http://lorempixel.com/800/200/cats)不重复；
宽度：100%；
高度：200px；
位置：绝对位置；
排名：0；
左：0；
}
#内容{
边缘顶部：220px；
}


校长1
校长2
关于你
你叫什么名字
多谢各位

猫旗：

#内容：之前{
内容：“；
背景：url(http://lorempixel.com/800/200/cats)不重复；
宽度：100%；
高度：200px；
位置：绝对位置；
排名：0；
左：0；
}
#内容{
边缘顶部：220px；
}


校长1
校长2
关于你
你叫什么名字
多谢各位

你说的“一团糟”是什么意思？怎么搞的？考虑设置一个小提琴来演示。你能用你的尝试创建一个片段吗？@ UTKANOS谢谢你的回答，我已经修改了这个问题，希望现在是清楚的！！“一团糟”是什么意思？怎么搞的？考虑设置一个小提琴来演示。你能用你的尝试创建一个片段吗？@ UTKANOS谢谢你的回答，我已经修改了这个问题，希望现在是清楚的！！

h1{
  margin-top: 10%;
}


h1:before{ 
 content:"";
 position: absolute;
 top: 0px;
 left: 0px;
 height: 30px;
 width: 100%;
 background-color: #5d2c2c;
 line-height: 0;
 }