主要用到CSS3 box-shadow属性
工具/原料
CSS3 box-shadow
方法/步骤
1
编写一个from表单
2
type='email'是html新特性,监控输入文字是否是email
3
定义CSS样式
4
设置鼠标划过事件input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; }label { margin-left: 10px; color: #999999; display:block;}
5
设置submit属性.submit input { width:auto; padding: 9px 15px; background: #617798; border: 0; font-size: 14px; color: #FFFFFF;}
6
漂亮的input生成了
注意事项
css3兼容性不好
上一篇:浏览Web网页应如何选择软件?
下一篇:如何以及何时使用sIFR