滑动门技术制作不规则按钮
来源:互联网 发布:windows 改变窗口大小 编辑:程序博客网 时间:2024/06/06 06:10
有时候美工脑残的设计了不规则的按钮或边框等,做网页的都知道那玩意实现起来很麻烦,美不美观也是因人而异
这次有个美工做了这么个按钮给我,我日他先人先,因为项目要国际化所以里面的文字是变化的不能用图片只能用滑动门技术了
实现方法如下
html代码:
<div> <a href="javascript:void(0)" class="fSlideDoorA"><span id="searchABody" class="mapSlideDoorBody"><img width="15" height="15" src="/images/common/slideDoorRight.png"/> <span>登录</span> </span><span class="mapSlideDoorHead"> <img id="searchAHead" width="13" height="25" src="/images/common/slideDoorHead.png"/> </span> </a></div>
css代码:
.mapSlideDoorBody{vertical-align:middle;height: 25px;float:left;background:url("/images/common/slideDoorBody.png") repeat-x;color:black;padding: 0 5px;cursor: pointer;}.mapSlideDoorBody img{float:left;margin: 5px 5px 0 5px;padding: 0px;}.mapSlideDoorBody span{float:left;}.mapSlideDoorHead{float:left;margin: 0px;height: 25px;padding: 0px;cursor: pointer;}.mapSlideDoorHead img{margin: 0px;padding: 0px;}
图片和文字漂一下,可以实现垂直居中的效果,用完记得清一下
- 滑动门技术制作不规则按钮
- 制作出任意不规则按钮
- 不规则背景图片滑动门
- C# 制作出任意不规则按钮
- 关于unity 不规则按钮的制作
- 如何使用UGUI创建制作不规则按钮
- CSS滑动门技术宽度自适应按钮
- CSSDIVJavascript制作滑动门菜单技术
- CSS+DIV+Javascript制作滑动门菜单技术
- Gtk显示不规则按钮
- c#使用不规则按钮
- android不规则图片按钮
- unity3d 不规则按钮
- Android 不规则按钮
- iOS不规则按钮实现
- unity不规则按钮点击
- Unity 不规则按钮Custom2DCollider
- cocos2d创建不规则按钮
- 用离散数学思考八皇后问题的数据结构
- 创业 你是否适合
- Inflater
- Java 反射机制
- DB2 数据库表 表结构 查询语句
- 滑动门技术制作不规则按钮
- App列表之拖拽ListView(上)
- Ubuntu下允许Root用户直接登录图形界面
- HDU/HDOJ 4038 2011成都赛区网络赛H题
- C语言面试题大汇总之华为面试题
- 双系统,windows+Ubuntu之开机grub修复
- dnn6+xp+iis5+sqlserver2008安装
- JavaWeb 监听器
- App列表之拖拽ListView(下)