我在这里有一个代码，它使用CSS将图像作为H1标题部分的背景。我想让它做的是把图像放在右边。我所尝试的是使用float: right来尝试将图像对齐到标题的右侧，但相反，它将整个H1移动到右侧，这是我不想做的。有没有一种方法可以只移动图像而不移动整个图像？

我的代码在这里。

<代码>H1{背景色：#002171；颜色：#FFFFFF；字体系列：Georgia，' Times New Roman '，Times，衬线；背景图片：网址（Sunset.JPG）；高度：72px；背景重复：无重复；文本对齐：居中；填充-底部：.5em；}

顺晟科技：

您可以使用background-position将图像向右移动，并且此代码片段还将background-size设置为包含，以便无论标题/视口大小、尺寸和纵横比如何，始终可以看到整个图像。

<代码>H1{背景色：#002171；颜色：#FFFFFF；字体系列：Georgia，' Times New Roman '，Times，衬线；background-image：URL（https：//picsum.photos/id/1016/300/200）；背景-位置：右中心；背景大小：包含；高度：72px；背景重复：无重复；文本对齐：居中；填充-底部：.5em；}

<代码><；H1>；标题<；/H1>；

用于背景图像

h1{
    background-color: #002171;
    color: #FFFFFF;
    font-family:Georgia, 'Times New Roman', Times, serif;
    background-image: url(sunset.jpg);
    height: 72px;
    background-repeat: no-repeat;
    text-align: center;
    padding-bottom: .5em;
}