13275780101
当前位置:主页 > 关于 > 一苇工作室 > 知识博客 >

网页背景图像对齐方式,不滚动、不平铺、居中、平铺、拉伸

标签:

怎样让背景图像不滚动
<body background="cnshell.gif" bgproperties="fixed">

或用CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>

怎样让背景图像不平铺?
 CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>

repeat 缺省值。背景图片横向和纵向都重复平铺。
no-repeat 背景图片不重复平铺。
repeat-x 背景图片横向重复平铺。
repeat-y 背景图片纵向重复平铺。


例说:CSS样式怎么样定位背景图像的居中、平铺、拉伸?


<style type="text/css">
<!--
body{
background-color:背景色;
background-image:url(路径);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0% 100%;
}
-->
</style>

【说明】

左上角
background-position:0% 0%;或者left top;

左下角
background-position:0% 100%;或者left bottom;

右上角
background-position:100% 0%;或者right top;

右下角
background-position:100% 100%;或者right bottom;

中央
background-position:50% 50%;或者center center;
关于我们
客户案例
知识博客
新闻动态
联系我们

电话:

13275780101

Copyright © 1998-2028 一苇工作室 版权所有