用CSS3美化表单
运用伪类选择器以及表单基本控件单选钮与复选框
结果示范:
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用CSS3美化表单</title>
<style>
form{
width:400px;height:320px;margin: 0 auto;/*设置了宽高才能设置margin,设置margin让form居中*/
background: #eff4ff;border: dashed 3px #5660FB;/*设置背景色和边框*/
border-radius: 40px;text-indent: 5em; padding-left: 50px;/*设置圆角,以及令form里元素居中*/
font-weight: 700;font-size:1.2em;color:#55557f;}
.sr{
margin-left: 70px;font-weight: 700;
color:#55557f;font-size: 1.1em;/*调整提交与重置按钮的位置以及字体*/