美文网首页
背景样式

背景样式

作者: 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*/

相关文章

  • 三、背景属性-文本属性

    1、背景样式 符合样式写法 背景:背景颜色 背景图片 背景重复 背景位置/背景大小 背景关联 2、多背景样式 写法...

  • 背景样式

    非渐变 中间可添加多个参数 无滤色模式

  • 背景样式

    1.背景样式 背景有两种效果可添加,一种是可以加上纯色,另外也可以用图像(把图像贴在背景上),放的位置和 HTML...

  • 背景样式

    .背景样式 background-color 背景颜色 background-image 背景图片 backgro...

  • DAY04

    1、CSS样式 1.1、CSS背景样式 1.2、背景的简写 1.3、背景吸附 1.4、背景大小 2、文本样式 2....

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • 9.背景样式-CSS基础

    一、背景样式 在CSS中,背景样式包括两个方面:背景颜色、背景图片。在Web2.0 时代,对于元素的背景样式,我们...

  • CSS背景边框

    背景样式 常用的背景样式 背景色:background-color 背景图像:background-image 背...

  • CSS背景样式

    背景图像样式background-image 图像地址可以是相对地址,也可以是绝对地址;给某个元素设置背景图像,元...

  • CSS样式-背景

    背景颜色: 用background-color设置元素背景色 例:p {background-color:gray...

网友评论

      本文标题:背景样式

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