(9)CSS背景控制

前面已经提到,CSS将每个元素视为在单独的框中进行处理,那么我们可以通过一些属性改变元素对应的框的背景,以改善网页样式。


(1)background-color:为任何元素指定单一背景颜色

该属性的值可以为颜色名、16进制编码或者RGB值。

(2)background-image:将任一元素的背景设置为一副图像

该属性的值以url开头,并在其后位于圆括号和引号中写入图像的URL。例如:

background-image : url("images/background.gif")

在同时设置了color和image的情况下,image优先被采用。建议color的设置与image的主色调相近,因为在image加载时,网页暂时显示背景颜色设置。

(3)background-repeat

当制定了background-image属性,且框的范围比图像大时,可能需要多次重复图像以填充整个框。取值如下:

(4)background-position:用于固定背景图像的位置,取值如下:

(5)background-attachment:常用于水印

当指定背景图像时,可以使用该属性将图像固定在该位置上还是随着滚动网页而移动。

(6)background:指定背景属性的简写形式

该属性的值可以以以上五种属性的值的任意顺序给出,如果不提供任何值,则使用默认值。

background: red url("hah.gif") fixed  no-repeat  center



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值