漂亮的CSS3提交意见输入框样式
2014-11-15 18:37
176 查看
做了个输入框样式,如图:
CSS代码如下:
<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHByZSBjbGFzcz0="brush:java;">#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代码如下:
?
CSS代码如下:
<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHByZSBjbGFzcz0="brush:java;">#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代码如下:
?
相关文章推荐
- CSS3提交意见输入框样式
- CSS3提交意见输入框样式
- CSS3提交意见输入框样式代码
- 利用css3实现漂亮日期样式
- 36种漂亮的CSS3网页按钮Button样式
- 纯CSS3动画按钮效果 5种漂亮样式
- 36种漂亮的CSS3网页按钮Button样式
- 36种漂亮的CSS3网页按钮Button样式
- 36种漂亮的CSS3网页按钮Button样式
- 一款漂亮的表单输入框样式
- 基于css3实现漂亮便签样式
- 一款漂亮的表单输入框样式
- 36种漂亮的CSS3网页按钮Button样式,总有你喜欢的
- [转]一款漂亮的表单输入框样式
- 纯CSS3实现漂亮的价格表样式代码
- 自学前端开发 漂亮的优惠劵css3样式大集合
- 用css3实现漂亮便签样式
- 多种颜色css3的漂亮导航栏样式
- 25个带单个输入框和提交按钮的表单设计案例
- 漂亮的CSS按钮样式集以及在线生成工具