background 用法 属性
来源:互联网 发布:店宝宝坑人软件 编辑:程序博客网 时间:2024/05/24 02:02
背景 background
css
说明
background-image:url("图片的网址"); 背景图
background: url(" 图片的网址 "); 背景
background-color:#色码; 背景色彩
Exp:
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF;
background-color : transparent; <--设定背景为透明色
background-repeat 改变背景图片的重复并排的设定
css
说明
repeat 背景图片并排
repeat-x 背景图片以X方向 并排
repeat-y 背景图片以Y方向 并排
no-repeat 背景图片不 以并排的方式处理
Exp:
background-image:url("图片的网址");
background-repeat:no-repeat;
background-attachment是否固定图片位置
css
说明
scroll 拉动卷轴时,背景图片会跟着移动(缺省值)
fixed 拉动卷轴时,背景图片不会跟着移动
Exp:
background-image:url("图片的网址");
background-repeat:no-repeat;
background-attachment:fixed;
以长度定位background-position: x y
使用百分比定位 background-position: x% y%
css
说明
x% 往右移
y% 往下移
backgroud-position: 0% 0%; 左边上方
backgroud-position: 0% 50%; 左边中间
backgroud-position: 50% 0%; 中间上方
backgroud-position: 50% 50%; 正中间
backgroud-position:100% 0%; 右边上方
backgroud-position: 0% 100%; 左边下方
backgroud-position: 100% 50%; 右边中间
backgroud-position: 50% 100%; 中间下方
backgroud-position: 100% 100%; 右边下方
以关键字定位
关键字
说明
top 上 ( y = 0 )
center 中 ( x = 50, y = 50 )
bottom 下 ( y = 100 )
left 左 ( x= 0 )
Exp:
background-position:center;
图片在指定背景中央X=50% Y=50%位置
background-position: 200px 30px
- background 用法 属性
- background属性用法总结
- background-position属性用法
- CSS3 background新增属性用法
- css中background属性的用法
- background属性
- background属性
- background用法
- js中 background 的属性 image 和 repeat 的用法
- css3属性中background-clip与background-origin的用法释疑
- css3属性中background-clip与background-origin的用法释疑
- css3属性中background-clip与background-origin的用法释疑
- css3属性中background-clip与background-origin的用法区别?
- css3属性中background-clip与background-origin的用法释疑
- background属性 设置有感
- CSS background-position 属性
- css背景属性 Background
- android TextView background属性
- WMware workstation搭建Server 2003双节点Cluster
- [2010-VLDB] The Performance of MapReduce: An In-depth Study
- .net 3.5新特性之用this关键字为类添加扩展方法
- java 正则基础知识
- linux和性能相关的命令及系统性能诊断
- background 用法 属性
- PCB设计电流与线宽的关系
- JavaScript中prototype属性详解
- C语言的printf函数(格式输出函数)
- errno .h
- 几种查看Linux版本信息的方法:
- 女生适合一直做开发么?大家觉得仁宝集团怎么样?
- ExtJs——简单组件(ComboBox、GridPanel、Button、Fx、DatePicker)!!!
- java 常用正则