为了账号安全,请及时绑定邮箱和手机立即绑定

HTML/CSS:背景图像始终与段落相关

HTML/CSS:背景图像始终与段落相关

白猪掌柜的 2023-10-24 15:50:42
我正在使用 Angular 创建一个测试网站,只是为了学习一些东西。首先,我将所有内容放入 index.html 中,这就是我想出的外观:索引.html:<!doctype html>  <html><head>  <meta charset="utf-8">  <title>Reiche Freunde</title>  <base href="/">  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="icon" type="image/x-icon" href="favicon.ico"></head><body>  <a href="http://google.com">    <p style="text-align: center; margin-top: 15%;"><img src="assets/Mony.gif" /></p>  </a></body></html>然后我复制了这个 html 代码并将其输入到 app.component.html 中。回到index.html,我改变了<body style="background-image: url('assets/geld.jpg');">  <a href="http://google.com">  <p style="text-align: center; margin-top: 15%;"><img src="assets/Mony.gif" /></p>  </a></body>到<body>  <app-root></app-root></body>但后来我的网站开始看起来像这样:我哪里犯了错误?我的 app.component.css 是空的,因此没有任何东西能够改变该背景的外观。我看不出该段落和正文本身之间有任何联系,但背景仍然与我的美元钞票相关。当我将其放入 app.component.css 中时:body {  position: absolute;},然后我得到这个:我只是 html/css 的初学者,但所有有关背景图像的教程对我来说没有任何改变
查看完整描述

1 回答

?
德玛西亚99

TA贡献1770条经验 获得超3个赞

看起来您有两个身体标签:)

其中第一个位于 ( index.html),第二个位于app.component.html

<body>
  <app-root></app-root>
  </body>

您可以将 body 保留在 中app.component.html,但应该将其从 index.html 中删除。我想,并申请display: block; height: 100%应用程序根。


查看完整回答
反对 回复 2023-10-24
  • 1 回答
  • 0 关注
  • 91 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信