小贝子编程

我试图得到一个按钮和标题后面的图像背景.我只是在学习如何使用HTML，这是非常新的，以前没有任何经验

本文关键字：HTML 何使用学习非常任何经验背景一个图像标题按钮 html
更新时间 : 2023-09-20
英文 : I am trying to get an image background behind a button and title. I am just learning how to use HTML, so very new without any previous experience

style="背景图像：url("；https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg"(；

我正试图让它成为一个按钮和标题背后的背景。

<button 
style='background-image: url("https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg')

你好

在背景图像周围使用单引号，因为您在URL中使用双引号以避免冲突，因为html会考虑在背景图像的开头使用引号&URL的开头作为标记的开头和结尾，这将导致冲突并且将不起作用。

使用包含元素。设置包含元素的background-image。

.container {
background-image: url(https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg);
height: 500px;
}

<div class="container">
<h1>Header</h1>
<button>Button</button>
</div>

相关内容