背景样式

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*/

上一篇下一篇

猜你喜欢

热点阅读