背景样式

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容