CSS2背景属性
来源:互联网 发布:mac照片怎么导入iphone 编辑:程序博客网 时间:2024/06/06 16:28
background:
用于设置background-color,background-image,background-repeat,background-attachemnt,background-position属性background-color:背景颜色
属性:
取值:red | #ff0000 | rgb(255,0,0) | transparent
background-image:背景图片
属性:
取值:url(/images/foo.gif)|0px 0px |
解释:图片地址|上和左边距,要想写右和下,right和bpttombackground-repeat:背景平铺
属性:
取值:repeat | repeat-x | repeat-y | no-repeat
background-attachemnt:背景图像是否和对象一起滚动
属性:
取值:fixed | scroll
background-position:背景图像位置
属性:
取值:0% 0% |100% 100% | top left | top center| top right | center left |center center|center right|bottom left| bottom center|bottom right|
解释:左上角(默认)|右下角 | 左上角 | 中间靠上| 右上角 | 左中部 |正中|右中部|左下角| 底部中间|右下角color:文本颜色
属性:
取值:red | #ff0000 | rgb(255,0,0)
background-origin: 背景图像定位
如果背景图像的 background-attachment 属性为 "fixed",则该属性没有效果。
属性:
取值:padding-box | border-box | content-box
解释:背景图像相对于内边距框来定位| 背景图像相对于边框盒来定位 | 背景图像相对于内容框来定位background-size:背景图片的尺寸
属性:
取值:20 20 | 20% 20% | cover | contain
解释: 固定数值 | 占父层的百分比例 | 背景图像完全覆盖背景区域 |最大的尺寸,宽度高度完全适应内容区background-clip:规定背景的剪裁区域
属性:
取值:border-box | padding-box | content-box
解释:背景被裁剪到边框 | 背景被裁剪到内边距,留白 | 背景被裁剪到内容
- CSS2背景属性
- CSS2样式表(属性·背景)
- css2属性整理
- CSS2与CSS3属性
- css2-overflow 属性
- CSS2布局属性
- CSS2列表属性
- CSS2位置属性
- CSS2常用属性
- CSS2字体和文本属性
- CSS2
- CSS2
- css2
- CSS2
- CSS2
- css2
- CSS2
- css2
- HTML4表单
- CSS2基本语法
- CSS2html与css连接方式
- CSS2选择器
- CSS2字体和文本属性
- CSS2背景属性
- CSS2布局属性
- POJ 1595 Prime Cuts 笔记
- CSS2列表属性
- CSS2位置属性
- CSS2伪类及其他属性
- POJ 2185 Milking Grid 二维KMP
- CSS2浏览器兼容
- CSS2 left与padding-left区别