CSS sprite 及鼠标悬停变换(CSS常见样式2)


目的:实现连接中效果http://js.jirengu.com/yeza

  1. html中创建块级元素
    注意引入外部CSS样式!
  2. 创建CSS文件
    .logo{
    width:100px
    height:100px
    background:url(图片路径)
    background-size:100px
    }
  3. 创建悬停状态
    .logo:hover{
    background-position: 0 -99px
    }
  4. 在html中引入css样式
    ...
    ...

你可能感兴趣的:(CSS sprite 及鼠标悬停变换(CSS常见样式2))