我想知道我想要实现的目标是否可以通过HTML/CSS实现。如果是，请向我解释如何做。如果不是，请这么说。
我有一个网站，在每个页面的顶部，我插入一个我创建的带有页面标题的横幅。这就是横幅的样子：在此处输入图像描述
现在，通常我必须在Photoshop中为每个单独的页面创建一个横幅，这有点耗时，尤其是因为页面太多了。我想知道是否有办法使用CSS样式，这样我只需要上传横幅的前部，即鳄鱼头(这个：在这里输入图像描述)，然后使用CSS样式创建黑色横幅及其后面的文本。横幅：1.必须与鳄鱼的脖子高度完全相同。2.长度应该能够根据其中文本的长度来调整大小3.必须有Arial黑色字体的白色文本。
我非常感谢在这个问题上的任何帮助。提前谢谢。
编辑：我试过自己做CSS编码，但没有成功。我只是不知道我也必须把它贴在这里。这是我首先尝试的：
<div>
<p><img src="Logo-Red.jpg" height="53" style="float-left" />
<p style="color:#FFF; font:'Arial Black', Gadget, sans-serif; font-weight:bold; background-color:#9e0000; margin-top:5x; height:30px; padding:5px;" >SPECIES
</p>
</p>
</div>
但这只是将徽标和文本放在不同的行上。所以我尝试了这个：
<div>
<p style="color:#FFF; font:'Arial Black', Gadget, sans-serif; font-weight:bold; background-color:#000; margin-top:5x; height:30px; padding:5px;"><img src="Logo-Red.jpg" height="53" style="float-left" />
>SPECIES
</p>
</div>
但这也没用。文本确实向上移动了，但没有正确对齐。
我没有意识到这里的人如此粗鲁。我以为这是一个人们可以得到帮助和学习的地方。这就是它在头版上用粗体字写的。我是一个新手，所以如果我在帖子中犯了错误，你可以告诉我如何纠正，而不会屈尊俯就和无礼。
当然这是可行的。正如其他评论所建议的那样，你至少应该在发布之前先尝试一下，这样我们就可以审查你的代码并给出建议。
你想要设置的基本上是一个白色的<div>，里面有一个黑色的<div>，上下有边距，还有一个文本框，在这个黑色<div>里面。
然后，您可以使用php定义一个变量，以便在每个不同的页面上进行回显。
如果你不知道该怎么做，就请人帮你做。