css的背景图片
来源:互联网 发布:计量型数据定义 编辑:程序博客网 时间:2024/06/05 03:36
css的背景图片是设计一个漂亮网页的关键之处
background-image
url("图片相对于样式表的路径")
注意:url是图片相对于样式表的路径,而非相对于当前网页的路径,路径可以加引号也可以不加引号
控制重复
background-repeat
no-repet repeat repeat-x repeat-y
控制位置
background-position
关键字 px em 百分比
其中关键字包括,水平方向上的关键字 left center right 垂直方向的关键字 top center bottom 如果一个关键字省略,默认为center。
em 是相对于字号,而百分比比较特殊,它的意思是将图片指定百分比处和相关元素对应的百分比对齐:
如果百分比值只有一个,那么另一个值默认为50%
注意:
1 px em作用的是图片的顶边和左边,不能作用于图片的右边和下边,px em 百分比之间可以混用,但是它们都不能和关键字混用。
2 px em适用于精确定位,但要使图片随元素的宽度变化而位置发生改变,百分比可以起到作用
3 这个属性常结合background-repeat使用,控制图片重复的起点
固定图片
background-attachment
fixed scroll
快捷方法
用background属性一次指定
<script type="text/javascript"><!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;google_ad_height = 90;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- css背景图片的设置
- css的背景图片
- css 背景图片的问题
- css背景图片的设置
- css背景图片的设置
- CSS中背景图片的应用
- css(1)背景图片的属性
- CSS中背景图片的设置
- CSS背景图片padding的疑惑
- CSS分割背景图片的技巧
- css背景图片居中的方法
- css调整背景图片的位置
- CSS背景图片
- css背景图片的位置:background的position
- css背景图片的位置:background的position
- css的背景及背景图片的属性
- 用css控制背景图片大小的方法
- CSS中背景图片的坐标之使用说明
- android代码中动态获取资源ID
- linux网络编程之TCP/IP基础(二):利用ARP和ICMP协议解释ping命令
- 动态规划 poj 2479 1458
- poj 3648 Wedding 2sat
- MSVC 2012动态编译及静态编译 QT 5.0.2
- css的背景图片
- shmget 返回 -1, Invalid argument
- hdu 4300 Clairewd’s message(扩展KMP)
- DirectX 3D_实践之初始化DirectX3D
- uva 674 Coin Change
- QT 调试器配置
- css的盒模型
- xcode4常用快捷键
- 指针变量