HTML图片折叠
来源:互联网 发布:苹果 mac book 编辑:程序博客网 时间:2024/04/29 16:27
HTML图片折叠
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> .div1{ background-image:url("css/33.png"); width:376px; height:224px; background-repeat:no-repeat; border:1px solid blue; position:Relatively; } .div2{ background-image:url("css/icon.png"); width:15px; height:15px; background-repeat:no-repeat; border:4px solid red; position:Absolute; top:86px; left:260px; } .div3,.div2{ background-position:-50px -25px; top:54px; left:205px; width:20px; height:20px; }/*background-position:-35px -25px;左右,上下*/ </style> </head> <body> <div class="div1"> <div class="div2"></div> <div class="div3"></div> </div> </div> </body></html>
原图33:
原图icon:
效果图:
0 0
- HTML图片折叠
- HTML折叠菜单
- Html菜单折叠
- 博客园图片折叠
- iOS 图片折叠效果
- 3D 图片折叠
- Visual Stuido HTML 代码折叠
- 图片折叠效果CSS实现
- 动画特效二:图片折叠
- IOS 图片折叠效果实现
- 十二 iOS之 折叠图片
- js实现HTML页面折叠与展开
- html框架折叠的javascript实现
- Html/JS实现页面的折叠
- html菜单的折叠 图标+-的变化
- Android学习 图片折叠效果的实现
- 用Swift封装图片折叠效果
- 核心动画之图片折叠和倒影
- Dubbo学习(一)
- 苹果原生地图(下)
- 【java微信开发】使用图灵机器人api
- 关于iframe的高度自适应问题(js)
- RSync实现文件备份同步
- HTML图片折叠
- Android原始XML的读写操作
- 手机网页js提示小插件
- zzulioj--1707--丧心病狂的计数(水题)
- 黑马52期学后总结笔记(四)
- Android桌面快捷方式那些事与那些坑
- iOS中 HTTP/Socket/TCP/IP通信协议详解 韩俊强的博客
- 使用Response.Write(<script language=javascript>alert的注意事项
- Solve the problem of System.IO.FileLoadException