background属性用法详解和CSS-Sprite技术
2016-01-06 00:00
731 查看
background 是CSS简写属性,用来集中设置各种背景属性。background 可以设置:background-color, background-image, background-position, background-repeat, background-size, background-attachment
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .a,.b,.c,.d{ width: 200px; height: 200px; background-color:url(1.gif); background-repeat: no-repeat; } .a{ background-position: 10px 10px; } .b{ background-position: 10px 20px; } .c{ background-position: 10px 30px; } .d{ background-position: 10px 40px; } </style> </head> <body> <div class="a"></div> <div class="b"></div> <div class="c"></div> <div class="d"></div> </body> </html>
相关文章推荐
- CSS sprites简单实例
- css样式优先级
- 用CSS样式截取字符串,多的用省略号表示
- css+JS实现遮罩弹框
- QGis二次开发基础 -- 矢量图层的显示样式
- 一图让你看懂CSS盒子模型
- <hr> 的18种样式
- css3-表格
- 两种引用外部CSS文件的方法
- CSS hack大全(区分浏览器)
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- CSS学习之实例
- css3-列表
- css3-链接
- CSS中背景颜色的渐变
- 用t4模板和head.js进行css和js的版本控制
- css reset 整理
- CSS 巧用 :before和:after
- 一般项目的CSS规范
- CSS3打造磨砂玻璃的背景