CSS背景

CSS背景:
(1)设置背景颜色:
语法:background-color:transparent|color;
:transparent为透明的背景

p {background-color: gray;}

(2)设置背景图片:非常便于控制位置
语法格式:body {background-image: url(/i/eg_bg_04.gif);}
其中:如果需要设置一个背景图像,必须为这个属性设置一个 URL 值
(3)设置背景平铺:对背景图进行平铺
语法格式:

background-repeat: repeat | no-repeat | repeat-x | repeat-y

(4)设置图片位置:

语法格式:background-pasition: x y;
第一关键词                  等价的关键词
center                      center center 
top                         top center 或 center top 
bottom                      bottom center 或 center bottom 
right                       right center 或 center right 
left                        left center 或 center left 
length:百分比|由浮点数字和单位标识组成的长度值


注意:如果一个值省,则第二个值默认为居中对齐。
(5)设置图像固定:设置背景是否固定或者随着页面的其余部分滚动。

background-attachment : scroll | fixed;

背景复合写法:

background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置

注意:没有特定的顺序要求

背景色半透明:
background: rgba(0,0,0,0.3);最后一个参数alpha透明度,取值范围为在0-1之间

上一篇:Servlet登录的初步跳转


下一篇:DW导入式案例