CSS的样式页.pdfVIP

CSS样式 • 背景 • 文本 • 字体 • 列表 • 表格 • 轮廓 内容提要 • CSS 允许应用纯色作为背景，也允许使用背景图像创 建相当复杂的效果 • CSS 在这方面的能力远远在HTML 之上 p {background-color: gray;} p {background-color: gray; padding: 20px;} 背景色 body {background-image: url(/i/eg_bg_04.gif);} head style type=text/css body {background-image:url(/i/eg_bg_04.gif);} p.flower {background-image: url(/i/eg_bg_03.gif); padding: 20px;} a.radio {background-image: url(/i/eg_bg_07.gif); padding: 20px;} /style /head body p class=flower我是一个有花纹背景的段落。a href=# class=radio 我是一个有放射性背景的链接。/a/p pb注释：/b为了清晰地显示出段落和链接的背景图像， 我们为它们设置了少许内边距。/p /body 背景图像 背景图像 • background-repeat 属性 • repeat-x 和repeat-y body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; } 背景重复 • background-position 属性 body { background-image:url(/i/eg_bg_03.gif); background-repeat:no-repeat; background-position:center; } 背景定位 单一关键字 等价的关键字 center center center top center 或center top top bottom center 或 bottom center bottom right center 或center right right left center 或center left left 关键字 body { background-image:url(/i/eg_bg_03.gif); background-repeat:no-repeat; background-position:66% 33%; } 百分数值 body { background-image:url(/i/eg_bg_03.gif); background-repeat:no-repeat; background-position:50px 100px; } 长度值 •