首頁 > web前端 > html教學 > CSS3提交意见输入框样式_html/css_WEB-ITnose

CSS3提交意见输入框样式_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 11:55:18
原創
1295 人瀏覽過

做了个输入框样式,如图:


CSS代码如下:

#button {    cursor:pointer;    width:30%;    margin:5px;    padding:8px;    border-radius:4px 4px 4px 4px;    font-size:14px;    font-weight:bold;}input{	transition:all 0.30s ease-in-out;	-webkit-transition: all 0.30s ease-in-out;	-moz-transition: all 0.30s ease-in-out;		border:#364f86 1px solid;	border-radius:3px;	outline:none;}input:focus{	box-shadow:0 0 5px rgba(81, 203, 238, 1);	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}textarea{	transition:all 0.30s ease-in-out;	-webkit-transition: all 0.30s ease-in-out;	-moz-transition: all 0.30s ease-in-out;		border:#364f86 1px solid;	border-radius:3px;	outline:none;}textarea:focus{	box-shadow:0 0 5px rgba(81, 203, 238, 1);	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}
登入後複製

table代码如下:

登入後複製
用户名 *
联系方式 *
意见及建议


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板