Html CSS背景定位
我试着在另一个图像的上面有一个图像。例如,很多网站都有一个主背景,我假设它用于html标记,还有另一个背景,比如用于body标记的简单颜色。但是他们把它放在75%的屏幕上,并把它放在中间,这样就可以显示html背景的一部分。我被困在如何居中,并使身体标签75%的屏幕。提前谢谢你 您要使用Html CSS背景定位,html,css,Html,Css,我试着在另一个图像的上面有一个图像。例如,很多网站都有一个主背景,我假设它用于html标记,还有另一个背景,比如用于body标记的简单颜色。但是他们把它放在75%的屏幕上,并把它放在中间,这样就可以显示html背景的一部分。我被困在如何居中,并使身体标签75%的屏幕。提前谢谢你 您要使用边距:0px自动和位置:绝对位于要居中的div上 第一个0px告诉它顶部和底部没有任何余量。第二个属性告诉它使左右边距自动。使div居中 要使其正常工作,div需要具有宽度,并处于绝对位置 演示(奖金标题):
边距:0px自动
和位置:绝对
位于要居中的div
上
第一个0px
告诉它顶部和底部没有任何余量。第二个属性告诉它使左右边距自动。使div居中
要使其正常工作,div需要具有宽度
,并处于绝对位置
演示(奖金标题):
在CSS中尝试上面的代码你可以使用一个包装div,给它75%的宽度,然后应用你想要的任何背景,然后将它的位置设置为中心,它将给你想要的输出
<html>
<head>
<style>
.wrapper{
width:75%;
height: 100%;
background-color:red;
background-position:center;
margin: 0 auto;
}
</style>
</head>
<body style="background-color:black;">
<div class="wrapper">this is a 75% width wrapper</div>
</body>
</html>
.包装纸{
宽度:75%;
身高:100%;
背景色:红色;
背景位置:中心;
保证金:0自动;
}
这是一个75%宽度的包装
自动
只是告诉浏览器在元素的左右两侧均匀地分割可用空间您可以尝试将css背景图像属性指定给主体并创建一个新的div,然后将另一个背景指定给主体。并将容器的宽度设置为75%。或者,如果您计划使用img标记,那么您可以将z-index属性赋予它。用于将div容器定位到中心,给出裕度:auto
<html>
<head>
<style>
.wrapper{
width:75%;
height: 100%;
background-color:red;
background-position:center;
margin: 0 auto;
}
</style>
</head>
<body style="background-color:black;">
<div class="wrapper">this is a 75% width wrapper</div>
</body>
</html>