分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

css-css背景

发布时间:2023-09-06 01:12责任编辑:白小东关键词:暂无标签

CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果

一:背景色background-color 属性

p {background-color: gray;}

二:背景图像 background-image 属性

body {background-image: url(/i/eg_bg_04.gif);}

三:背景重复background-repeat 属性

  属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。

  repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,

  no-repeat 则不允许图像在任何方向上平铺

  

body ?{ ??background-image: url(/i/eg_bg_03.gif); ?background-repeat: repeat-y; ?}

四:背景定位background-position 属性

 为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异 

body ?{ ????background-image:url(‘/i/eg_bg_03.gif‘); ???background-repeat:no-repeat; ???background-position:center; ?}

五:背景关联background-attachment 属性

body ??{ ?background-image:url(/i/eg_bg_02.gif); ?background-repeat:no-repeat; ?background-attachment:fixed ?}

css-css背景

原文地址:http://www.cnblogs.com/lixiang1013/p/7536835.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved