gpt4 book ai didi

html - 如何让背景不环绕段落标签

转载 作者:行者123 更新时间:2023-11-27 22:47:21 33 4
gpt4 key购买 nike

对于我的新网站,我试图让背景保持为背景,并让段落标签独立存在。我不想让背景变成不同的矩形,里面有背景,我希望背景是一个整体。这是 HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=decice-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css?family=Kulim+Park&display=swap" rel="stylesheet">
<title>zippernet</title>
<style>
body {
background: rgb(2,0,36);
background: linear-gradient(10deg, rgba(2,0,36,1) 0%, rgba(80,80,255,1) 100%, rgba(0,212,255,1) 100%);
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'Kulim Park', sans-serif;
color: white;
}
.rotated-heading {
font-size: 50px;
float: right;
}
</style>
</head>
<body>
<p class="rotated-heading">Welcome to zippernet!</p>
</body>
</html>

这是网站网址:https://zippernet.000webhostapp.com/index.html

最佳答案

我将您的问题解释为您希望渐变覆盖浏览器窗口的整个宽度和高度。如果正确,以下 CSS 应该可以帮助您解决问题。

html {
height: 100%;
}
body {
height: 100%;
background: rgb(2,0,36);
background: linear-gradient(10deg, rgba(2,0,36,1) 0%, rgba(80,80,255,1) 100%, rgba(0,212,255,1) 100%);
background-repeat: no-repeat;
background-size: cover;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'Kulim Park', sans-serif;
color: white;
}
.rotated-heading {
font-size: 50px;
float: right;
}

关于html - 如何让背景不环绕段落标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59585072/

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