带有图像背景CSS的Html
大家早上好 我有一个HTML代码,它在我的背景页面上放了一个图像 1/如何在此代码行上添加,以确保图像不会在我们将要进入页面的地方重复?带有图像背景CSS的Html,html,css,Html,Css,大家早上好 我有一个HTML代码,它在我的背景页面上放了一个图像 1/如何在此代码行上添加,以确保图像不会在我们将要进入页面的地方重复? 2/还有。。。。如何在此代码行中添加图像的大小 “宽度”:1400, “高度”:1050 我试着到处找,但找不到答案 谢谢你的帮助:) 我将逐一回答您: 您可以使用此style->style=“背景图像:url('images/background-1.jpg');背景重复:无重复;背景大小:cover;” 以这种方式设置宽度和高度意味着图像不适合所有屏幕。
2/还有。。。。如何在此代码行中添加图像的大小
“宽度”:1400, “高度”:1050 我试着到处找,但找不到答案 谢谢你的帮助:)
我将逐一回答您:
style
->style=“背景图像:url('images/background-1.jpg');背景重复:无重复;背景大小:cover;”
宽度
和高度
意味着图像不适合所有屏幕。如果要执行此操作,请删除背景大小
属性并将其添加到样式中:宽度:1400px;高度:1050px
因为您使用的是背景图像,我认为您无法直接设置图像尺寸。如图所示设置高度和宽度将设置车身的高度和宽度。否则,需要创建主体的子元素,并将背景图像放置在子元素上,并设置相应的尺寸 非常感谢你的帮助。这对每个人来说似乎都很容易,但对我来说真的很难。它确实有效,这很好,谢谢你提供的详细信息,但当我向下移动页面时,图像发生了变化,我不知道为什么,但这是一个巨大的缩放,图像不再清晰如果你遵循第二点,你看到图像被缩放是正常的,因为你正在静态设置宽度和高度值。正如我已经说过的,如果你想在正确的维度上看到你的图像,你应该试着只遵循第一点。
<body class="boxed_layout" style="background-image: url('images/background-1.jpg') no-repeat; width: 1400; height: 1050">
</ body>