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


目的:实现连接中效果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>
    ...
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,815评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,349评论 0 11
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,650评论 32 459
  • 要一个黄昏,满是风,和正在落下的夕阳。 如果稻子刚好熟了,炊烟恰恰升起。 那只白鸽贴着水面飞过,栖息于一棵芦苇。 ...
    Alice王志荣阅读 566评论 0 0
  • 最近的状态大起大落,时而自恋到云端,那天站在常德鼎城一中道德大讲堂门口,有一种自己是被放置在此地的感觉,就...
    彭娟j白沙阅读 534评论 0 2