怎么给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框加漂亮的阴影
  • 设置div中的div居中显示
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 思科模拟器交换机vlan的划分
  • CSS中,当鼠标移到层上,层怎么显示出边框?
  • jquery如何把div的边框设置成虚线
  • 热门搜索
    金项链怎么清洗 脸上痤疮怎么治 魔力鲜颜面膜怎么样 无限极产品怎么样 红鼻子怎么治疗 ps怎么添加字体 怎么炒年糕 专业技能怎么写 头皮干燥脱皮怎么办 vlog是什么意思怎么读