介绍 & lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt;头runat=皊erver"祝辞
& lt; title> & lt;/title>
& lt; style>
# login_click {margin-top: 32像素;高度:40 px;}
# login_click
｛
文字修饰:没有;
背景:# 2 f435e;
颜色:# f2f2f2;
填充:10 px 30 px 10 px 30 px;
字体大小:16 px;
字体类型:微软雅黑,宋体,Arial, Helvetica, Verdana,无衬线;
粗细:大胆的;
border - radius: 3 px;
-webkit-transition:所有线性0.30秒;
-moz-transition:所有线性0.30秒;
过渡:所有线性0.30秒;
}
# login_click答:悬停{背景:# 385 f9e;}
& lt;/style>
& lt;/head>
& lt; body>
& lt;形式id=癴orm1"runat=皊erver"比;
& lt; div>
& lt; div=胺绺?宽度:386 px;身高:332 px;margin-left:汽车;margin-right: auto"比;
& lt; div id=發ogin_form"比;
& lt; div id=癴orm_account"祝辞
账户:& lt;输入id=皌xt_account"runat=皊erver"类型=皌ext"占位符=坝没蛴始刂贰?/比;
& lt;/div>
& lt; div id=癴orm_password"比;
密码:& lt;输入id=皌xt_password"runat=皊erver"类型=皃assword"占位符=扒胧淙朊苈搿?比;
& lt;/div>
& lt; div id=發ogin_click"祝辞
& lt; id=癰tlogin"href=" # "> https://www.yisu.com/zixun/登录
这篇文章将为大家详细讲解有关实现html按钮样式的案例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
样式如下:
按钮样式一:
