网页图片按钮的生成与美化
作者：荆棘鸟 来源：荆棘鸟's Blog 发布时间：2008-12-12 13:03:00
标签：按钮,美化,表单,图片,css
图片按钮是我们经常应用的网页元素，按钮的生成有两种方法，一个是用链接<a>来模拟按钮，一个是用现成的表单按钮。
<input id="searchbutton" type="submit" class="inputbutton" name="submit1" value="搜索" />
我觉得“表单按钮”比用“链接按钮”要好，更符合标准的语义化。而且“表单按钮”天然就具有按下动态效果，不需要额外增加代码。
按钮的CSS 美化方法，无论是“链接按钮”还是“表单按钮”，一般都是用背景图来美化。设好按钮宽度值，清除按钮边框值，找个满意的按钮图片bg.gif做为背景图即可。
width: 50px;
height: 30px;
border: none;
font-size: 12px;
color: black;
cursor: hand;
background: url(bg.gif) no-repeat left top;
网上还流传一篇“CSS实现的几个非常漂亮的按钮”的文章，没有用到背景图，而是用CSS 滤镜实现的，但在Firefox中就会失效，露出难看的灰色底色，兼容性比较差，不推荐。
此外，如果仅需要按下按钮网页跳转的效果，而不需提交表单的话，用“链接按钮”比较好，非要用“表单按钮”实现的话，给按钮增加一个onclick 事件即可。
0
投稿猜你喜欢
工作中，网页设计师经常会遇见这些状况：时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……突然觉得束手无策- 当很多人发现在DW4中定义CSS很方便的时候，开始报怨FP2000不能定义CSS，甚至就此抨击FP2000如何的不好。事实上，在FP2000
- 例子：Response.Cookies("letwego")("visiter")="84
- 偶写的几个ASP字符串处理函数，用于文章分页的小玩意函数名：StrLen作 用：取得字符串长度（汉字为2)参
- 下面直接记录下配置主从库的操作:(本文用的是mysql5.0以上)1.在主库建立要同步的数据库,建立主库的帐号和修改主库配置首先连接上数据库
- 1.在使用MySQL和php的时候出现过中文乱码问题(1) 只要是gb2312,gbk,utf8等支持多字节编码的字符集都可以储存汉字，当然
- <script>alert(escape("人"));alert(encodeURI("人&quo
- 索引是加速表内容访问的主要手段，特别对涉及多个表的连接的查询更是如此。这是数据库优化中的一个重要内容，我们要了解为什么需要索引，索引如何工作
- 1 , javascript字符集：javascript采用的是Unicode字符集编码。为什么要采用这个编码呢？原因很简单，16位的Uni
- 一般写ASP PHP代码的朋友都估计是采用直接操作SQL的吧~ 看以下的代码 <％ dim conn,rs&nbs
- 这里列出了13种实现图片或网页内容 lightbox 效果的方法，大部分是链接到各种lightbox作者的英文页面，里面都有源代码下载。Th
- 站长们是不是还在为空间不支持域名绑定到子目录而发愁呢？买了个便宜也不错的空间，用的还满意，准备再开几个网站，却发现空间程序太落后，无法支持域
- 封装为dll会带来很多的好处，主要包括只是产权的保护，以及效率和安全性能的提升。这个例子中被封装的dll文件可以隐藏access数据库的实际
- 在一群里有朋友发问,有时间,也就看看了,不多说了,看图了:用一般的 select .... order 排序出来,就如下图了,是
- table估计每个跟web打过交道的人都会经常接触到，跟js结合能做出很多不错的体验。这里打算结合js做一个系列，包括一些操作和效果，虽然现
- 问题：SQL Server 2000中设计表时如何得到自动编号字段？解答：具体步骤如下：①像Access中的自动编号字段右键你的表-->
- 第一招、mysql服务的启动和停止net stop mysqlnet start mysql第二招、登陆mysql语法如下： mysql -
- 优点：·减少使用空间·使后面的背景层模糊或者渐隐出现让用户的焦点集中在当前层。什么时候使用（对话框等）模式窗口？·图片/视频灯箱效果·联系表
- 这篇论坛文章(赛迪网技术社区）主要介绍了如何建立适当的索引实现查询优化的相关问题，具体内容请大家参考下文：索引（index）是除表之外另一重
- 矛盾出来了，像我们这些小作坊，基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了，我们都有这个能力进行调整。但像大公司
