网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

当前位置：首页 > 网页特效 > 表单按钮 >

特殊按钮，把按钮修饰的不像按钮的特效

时间：2013-03-31 23:07 来源：互联网作者：源码搜藏收藏推荐

<HTML>
<HEAD>
<TITLE>特殊显示按钮</TITLE>
<STYLE type=text/css>
.STYLE1 {
	font-size: 40px;
	font-family: "华文行楷";
	color: #9900FF;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "华文彩云";
	color: #9900CC;
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
  <span class="STYLE1">特殊显示按钮</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#000000 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><span class="STYLE2">效果显示</span></TD>
  </TR>
  <TR>
    <TD align=left>
      <STYLE type=text/css>.button {
	BORDER-RIGHT: #fcaf63 1px solid; BORDER-LEFT: #fcaf63 1px solid; COLOR: #330000
}
.button1 {
	BORDER-RIGHT: #660000 1px solid; BORDER-LEFT: #660000 1px solid; COLOR: #ff8338
}
.buttonover {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; BACKGROUND-COLOR: #fec281; 1px: #330000
}
.buttonover1 {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #ff8338; BACKGROUND-COLOR: #881d00
}
.buttondown {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #330000
}
</STYLE>

<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#660000 
        border=0><TBODY>
        <TR align=middle>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle width=35>烟台</TD>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle width=35>烟台</TD>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle 
        width=35>烟台</TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#fcaf63 
        border=0><TBODY>
        <TR>
          <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" align=middle>烟台</TD>
          <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" align=middle>烟台</TD>
  <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" 
      align=middle>烟台</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

一个看上去像是文字链接的按钮，特殊一点的按钮吧，把网页按钮修饰成不像按钮的按钮，还可以再此基础上进一步优化设置，按钮可以作成的特殊效果还有很多哦，修改一下，看看效果，比较一下每个属性的作用。由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-biaodan/984.html

标签：源码网站源码爱看电影网蔓蔓视频源码搜藏

上一篇：location.href把按钮当链接用的JS代码

下一篇：旋转打开的网页窗口，自动最大化

[表单按钮] css和jquery实现的select美化自

[表单按钮] 表单美化之textarea文本域背景的

[表单按钮] CSS3实现的很漂亮的搜索框

[表单按钮] 可用于权限管理的JS树形菜单级联

[表单按钮] HTML5仿android手机下滑菜单效果

[表单按钮] 表单美化之注册与登录界面的美化

[表单按钮] html5实现开关风格的Checkbox /

[表单按钮] HTML5动态添加表格行列并编辑表

[表单按钮] 很漂亮的用户登录界面HTML模板

[表单按钮] CSS3+jQuery模拟正在加载的动态

[表单按钮] javascript将左侧下拉列表中的内

[表单按钮] 鼠标经过input时的颜色发生变化

相关内容推荐

安卓项目源码

手机直播系统开发

即时通讯系统

IDC云管理系统

人才招聘系统

app手机模板

厨具设备网站源码

区块链挖/矿系统

响应式系统

短视频系统

cms后台管理系统

在线扒站复活版源码

热门源码

导航菜单代码

网站源码免费下载

个人网站设计模板

企业网站模板

学生学籍管理系统

个人主页模板

企业网站程序

网站源代码

公司网站模板

php网页源码

门户网站源码

源代码下载

学生个人网页制作

安卓源代码

电脑登录界面

网站源码出售

asp网站建设

网页游戏源码

html代码大全

网站首页模板

导航网站模板

php软件下载

企业网站管理

php源码下载

后台管理模板

办公管理系统

免费网页模板

个人主页源码

网址导航源码

网站后台管理模板

飞天侠淘宝客

苹果cms10模板

个人网站源码

源代码下载

个人网页制作模板

登录界面代码

商城小程序源码下载

呼叫中心源码

公司网站源码

免费个人网站模板

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

COPYRIGHT 2012-2019 济南朗达信息技术有限公司版权所有鲁ICP备16040249号-5

鲁公网安备 37010202002306号