css背景设置.docVIP

1 background !DOCTYPE html html head meta charset=UTF-8 / title/title !-- 描述： background 简写/复合属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图像的起始位置。 background-repeat 设置背景图像是否及如何重复。 -- style type=text/css body { background: #ff0000 url(img/flower1.jpg) no-repeat fixed center; } /style /head body p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p p这是一些文本。/p /body /html!DOCTYPE HTML html head meta charset=utf-8 / titleColor/title !-- 描述：给元素设置背景颜色； 颜色： 常用颜色名称: red; rgb(255,0,0); #FF0000 ; green;rgb(0,255,0); #00FF00 ; blue;rgb(0,0,255); #0000FF; black; white; transparent; 十六进制RGB:#red green blue； #FFFFFF; 白色 #00 00 00; 黑色 十进制RGB:rgb(255,255,255)； rgb(0,0,0)； -- style type=text/css body { background-color: yellow; } h1 { background-color: #00ff00; } h2 { /*透明颜色*/ background-color: transparent; } p { background-color: rgb(250, 0, 255); } p.no2 { background-color: gray; padding: 20px; } /style /head body h1这是标题 1/h1 h2这是标题 2/h2 p这是段落/p p class=no2这个段落设置了内边距。/p /body /html!DOCTYPE HTML html head meta charset=utf-8 / title背景图片/title !-- 描述： url(文件路径/文件名):声明被调用文件的路径； -- style type=text/css body { background-image: url(img/fj1.jpg); } /style /head body !--img src=img/fj1.jpg /-- /body /html 4 元素拥有背景 !DOCTYPE HTML html head meta charset=UTF-8 / title背景图片2/title style type=text/css body { background-color: darkgray; } div.panel1 { background-image: url(img/flower1.jpg); p