背景样式
2017-06-30 本文已影响0人
hyt222
1.背景样式
背景有两种效果可添加,一种是可以加上纯色,另外也可以用图像(把图像贴在背景上),放的位置和 HTML 标记有关。
希望整个页面有背景颜色,在<body>中添加属性。
<body style="background-color=gray"> 默认颜色为 transparent (透明)。
2. CSS 颜色定义(RGB)
#rrggbb 16进制 00-FF(0-255)
rgb(r,g,b) 10进制
rgba(r, g, b, a) a 为透明度,为 0 到 1 之间的浮点数。当 a=1 时与 rgb 相同,图像做背景时很有用。
3.背景放图片
<body style="background-image:url(01.jpg)">
background-repeat:no-repeat 控制图像重复 repeat-x 仅 x 方向重复,不写自动重复。
background-position:center 图片位置 right top 右上角 100px 100px可给出绝对位置。
background-attachment:fixed 图片不随文字滚动,背景图固定。默认为 scroll 滚动。
另一种背景属性设定方式:
<p style="background:color image repeat attachment position;"> 必须按照顺序把所有值列出来。
4.小测验总结
在 HTML 文档中,引用外部样式表的正确位置为 <head> 部分。
CSS 文件中插入注释:/*this is a comment*/