Html
    Css
    Js

    
                        
.liuyan {
	width:1200px;
	margin:50px auto 80px;
	text-align:center;
}
.liuyan h3 {
	font-size:35px;
	line-height:50px;
}
.liuyan p {
	font-size:16px;
	width:620px;
	color:#999;
	margin:15px auto;
}
._rec {
	height:48px;
	line-height:48px;
	width:26%;
	padding-right:4%;
	margin-right:3%;
	float:left;
	margin-bottom:25px;
	background-color:#efefef;
	position:relative;
}
._rec ._bd {
	width:93%;
	padding-right:7%;
	border:none;
	height:46px;
	line-height:46px;
	background-color:#efefef;
	text-indent:30px;
}
._rec01 .idsb.idsb01 {
	background-position:0 -6px;
}
._rec02 .idsb.idsb02 {
	background-position:-26px -6px;
}
._rec04 .idsb.idsb04 {
	background-position:-26px -31px;
}
._rec .idsb {
	background:url(http://www.jq22.com/tp/6372198815233569535834101.png) no-repeat center right;
	width:20px;
	height:20px;
	margin-top:13px;
	overflow:hidden;
	display:inline-block;
	padding:0;
	position:absolute;
	right:13px;
	top:2px;
}
._rec05 ._hd {
	width:97%;
	border:none;
	padding:20px 0;
	height:90px;
	background:#f5f5f5;
	outline:none;
	text-indent:20px;
	float:left;
}
._btn_msg {
	height:44px;
	line-height:44px;
	width:200px;
	text-align:center;
	background-color:#2953cc;
	font-size:14px;
	color:#fff;
	border:none;
	padding:0;
	margin-top:40px;
	cursor:pointer;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.ly_wbk {
	margin-top:50px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

简单的登录表单样式(原创)

更新时间:2020-04-09 00:18:12

简单的文本框

0