gpt4 book ai didi

html - 如何在 css 和 html 中显示背景图像

转载 作者:行者123 更新时间:2023-11-28 15:49:00 25 4
gpt4 key购买 nike

我正在尝试在 <section> 中显示背景图像在我的 html 中使用 css。我使用 XAMPP 在本地托管,URL 来 self 的 Imgur 帐户。当我运行我的代码时,背景图像没有出现。图像无法显示的任何想法?

.bigslide {
background-image: url("https://imgur.com/haukzXN");
background-repeat: no-repeat;
background-size: cover;
height: 500px;
width: 700px;
}
  <nav class="nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#page1">Services</a></li>
<li><a href="#page2">About Us</a></li>
<li><a href="#page3">Contact</a></li>
<li><a href="#social">Social</a></li>
</ul>
</nav>
</header>

<body>
<div id="start">
<h1>DT Professional Carpet Cleaning and Hanyman Service.</h1>
<section class="bigslide">
</section>
</div>

最佳答案

您使用了来自 https://imgur.com 的错误链接地点。您使用的链接不是图片的链接,而是在线查看图片的链接。

改用这个;

.bigslide {
background-image: url("https://i.imgur.com/haukzXN.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 500px;
width: 700px;
}
<section class="bigslide">
</section>

关于html - 如何在 css 和 html 中显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49971846/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com