.xuan{ width: 1200px; height: 888px; margin: auto; position: relative; } .xuanshang{ width: 1200px; height: 400px; background-color: white; } .xuanshang h2 p { color: black; }想设置xunshang中的图片和好
时间: 2024-02-10 17:16:29 浏览: 142
css为图片设置背景图片
如果你想在 `.xuanshang` 中添加图片并且设置图片与标题在同一行显示,你可以使用以下代码:
```
<div class="xuanshang">
<img src="your-image-url" alt="image-description" style="float: left; margin-right: 20px;">
<h2><p style="display: inline-block; color: black;">你的标题</p></h2>
</div>
```
在上面的代码中,我们使用了 `img` 标签来添加图片,并使用了 `style` 属性来设置图片的样式。通过将 `float` 属性设置为 `left`,我们将图片向左浮动并让标题和图片在同一行显示。我们还使用了 `margin-right` 属性来设置标题和图片之间的间距。
另外,我们使用 `style` 属性将 `p` 标签的 `display` 属性设置为 `inline-block`,以让 `p` 标签和 `h2` 标签在同一行显示。
注意,以上代码中的 `your-image-url` 需要替换为你要添加的图片的 URL,`image-description` 需要替换为图片的描述文本。
阅读全文