如何解决背景图片不会通过URLHTML和CSS显示
因此,我一直在观看有关如何使用html进行编码的教程,并且我首先成功获得了整个背景图像:url('somePicture.jpg'); 但是我现在的问题是它根本没有显示。上周我整个星期都在学习,但是在周末我休息了一下,现在回到办公室,一切都毁了。 这是我现在拥有的:
body{
font-family: 'Syne',serif;
}
#help{
color: purple;
}
.what{
font-weight: bold;
}
section{
border: solid 5px purple;
padding: 20px 5px 10px 5px;
margin: 0px auto 0px auto;
width: 500px;
}
main{
background-image: rgb(59,59,187) url("https://photographylife.com/wp-content/uploads/2017/05/img013-1200-copy.jpg") center/contain no-repeat;
}
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Syne&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Christ.css">
<title>
Wow
</title>
</head>
<body>
<main>
<section>
<h1 id="help">Oh.</h1>
<p class="what">Hello,I exist. This is text. Welcome.</p>
</section>
</main>
</body>
</html>
解决方法
我认为您在background
属性和background-image
属性之间感到困惑。我只是将CSS代码更改为使用background
而不是background-image
,它可以正常工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。