备注:默认的图片背景,如果无设置,自动靠左上角对齐,如果设置其位置可以靠background-position定位(值可为像素或者百分比、center),如下
p {background-color: gray; padding: 20px;} //设置p 的背景颜色,四周的边距各为20px
<style type="text/css">
body{
background-image: url('/i/eg_bg_03.gif');
//有no-repeat与repeat之分,默认的为repeat,自动重复xy轴自动铺满,或者:background-repeat: repeat-y;
y轴横向铺满
background-repeat: no-repeat;
//fixed:
当页面的其余部分滚动时,背景图像不会移动。scroll:默认值。背景图像会随着页面其余部分的滚动而移动。inherit:
规定应该从父元素继承 background-attachment 属性的设置。
background-attachment:fixed;
background-position: 30% 20%;//为x,y轴。 或者50px 100px; 或者:top、bottom、left、right 和 center
}
</style>
------------------------------上述属性合并为一列----------------------------------------------
<style type="text/css">
body
{
background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; //center为xy轴居中显示
}
</style>