background:
背景颜色:
background-color
背景图片:background-image:url(位置及全称)
背景图像的重复方式:background-repeat:[repeat(重复) no-repeat(不重复) repeat-x(横轴) repeat-y(纵轴)]
背景图像的位置:background-position:top[left center right]
背景图像的依附位置:background-attachment:[scroll(默认滚动) fixed(固定)]
固定是将图片固定在屏幕发某个位置
css精灵有两种方法
1.需要两张图片,一张正常状态的图片 ,一张鼠标经过的图片**建议两张大小一样
**
做这个按钮思路是
设置链接
a
的背景为第一张 演示:a{background:url(位置及全称)}
a:hover
为第二张 演示:a:hover{background:url(位置及全称)}
2.将两张图片合并成一张,设置成按钮的背景,然后a:hover
的背景向上移动相应的像素