怎么给input框加漂亮的阴影

时间:2024-10-18 20:19:45

1、编写一个from表单<form> <p class="name"> <label for="name">姓名</label> <input type="text" name="name" id="name" /> </p> <p class="email"> <label for="email">邮箱</label> <input type="text" name="email" id="email" /> </p> <p class="submit"> <input type="submit" value="提交" /> </p></form>

怎么给input框加漂亮的阴影

3、定义CSS样式<style type="text/css">input, textarea { padding: 4px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 200px; background: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; }</style>

怎么给input框加漂亮的阴影

5、设置submit属性.submit input { width:auto; padding: 9px 15px; background: #617798; border: 0; font-size: 14px; color: #FFFFFF;}

怎么给input框加漂亮的阴影
© 长短途