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

2018-03-30  本文已影响0人  闻金听凤

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

  1. html中创建块级元素<div class="logo"></div>
    注意引入外部CSS样式!
  2. 创建CSS文件
    .logo{
    width:100px
    height:100px
    background:url(图片路径)
    background-size:100px
    }
  3. 创建悬停状态
    .logo:hover{
    background-position: 0 -99px
    }
  4. 在html中引入css样式
    ...<style type=text/css>
    @import url(CSS路径及文件名)
    </style>
    ...
上一篇 下一篇

猜你喜欢

热点阅读