美文网首页
背景样式

背景样式

作者: hyt222 | 来源:发表于2017-06-30 08:27 被阅读0次

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

    相关文章

      网友评论

          本文标题:背景样式

          本文链接:https://www.haomeiwen.com/subject/etlbcxtx.html