css美化input和button按钮代码

作者：简简单单 2012-02-28

提示：您可以先修改部分代码再运行

<form class="searchdemo" action="/index.php" method="get"> <input class="sinput" type="text" name="s" /> <input class="sbtn" type="submit" value="搜索" /></form> <style>.searchdemo { display:inline-block; position:relative; margin:60px; } .searchdemo:hover { -webkit-box-shadow:0 0 3px #999; -moz-box-shadow:0 0 3px #999 } .searchdemo .sinput { float:left; line- padding:3px 5px; border:#A7A7A7 1px solid; background:white; color:#888; font-size:12px; -webkit-transition:.3s; -moz-transition:.3s; outline: none; } .searchdemo .sinput:focus { } .searchdemo .sbtn { cursor:pointer; font-size:12px; float:left; margin-left:-1px; background:#eee; display:inline-block; padding:0 12px; vertical-align:middle; border:#A7A7A7 1px solid; color:#666; } .searchdemo .sbtn:hover { background:#ddd; } </style> </td> </tr> </table>

提示：您可以先修改部分代码再运行

相关文章

• css美化input文本框实现代码

  CSS相关 2011-12-01

• css 美化lebel标签样式代码

  CSS相关 2010-05-21

• css 美化input输入框-美化按钮

  CSS入门 2009-03-04

• HTML5+jQuery设计悬浮菜单特效

  页面特效 2017-10-28
  

• 常用交互组件介绍

  综合特效 2017-08-01

• 网页上怎么使用代码编辑图像

  页面特效 2017-06-20
  

精彩推荐

• 

  一剑斩仙

  下载
• 

  超级雷电战机

  下载
• 

  烈火一刀

  下载
• 

  天使纪元

  下载

• 

  完美修真

  角色扮演 538.52 MB

  高清画质体验，华丽场景视觉盛宴

  下载
• 

  永恒领主

  即时网游 392.00 MB

  3D魔幻MMO

  下载
• 

  九州八荒录

  角色扮演 232.56 MB

  九州八荒，一剑入魂。

  下载
• 

  航海王燃烧意志

  角色扮演 1.57 GB

  热血激战动作冒险游戏

  下载
• 

  君临传奇

  角色扮演 43.57 MB

  经典RPG战斗手游

  下载