css表单的美化谁会做啊?
发布网友
发布时间：2022-04-24 14:55
共1个回答
热心网友
时间：2022-05-05 05:28
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<style>
*{ margin:0; padding:0;}
body{ background-color:rgba(153,153,204,0.3);}
#main{ margin:80px auto; background-color:rgba(102,153,255,1); width:500px; border-radius:10px;}
ul{ text-align:center;padding:15px;}
ul li{ text-align:left; list-style:none; padding:15px;}
.ys1{ border:none; border-bottom:1px solid #000;background-color:rgba(102,153,255,1);}
.ys2{ padding:4px;}
textarea{ height:80px; width:220px;}
</style>
<body>
<form action="" method="get">
<div id="main">
<ul><h3>快递运单信息</h3>
<li>1.收货人：<input class="ys1" type="text">
2.目的地：<select ><option>北京</option></select>
</li>
<li>3.联系电话：<input class="ys1" type="text"></li>
<li>4.详细地址：<textarea></textarea></li>
<li><input type="button" class="ys2" value="提 交"> <input type="reset" class="ys2" value="重 置"></li>
</ul>
</div>
</form>
</body>
</html>
热心网友
时间：2022-05-05 05:28
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<style>
*{ margin:0; padding:0;}
body{ background-color:rgba(153,153,204,0.3);}
#main{ margin:80px auto; background-color:rgba(102,153,255,1); width:500px; border-radius:10px;}
ul{ text-align:center;padding:15px;}
ul li{ text-align:left; list-style:none; padding:15px;}
.ys1{ border:none; border-bottom:1px solid #000;background-color:rgba(102,153,255,1);}
.ys2{ padding:4px;}
textarea{ height:80px; width:220px;}
</style>
<body>
<form action="" method="get">
<div id="main">
<ul><h3>快递运单信息</h3>
<li>1.收货人：<input class="ys1" type="text">
2.目的地：<select ><option>北京</option></select>
</li>
<li>3.联系电话：<input class="ys1" type="text"></li>
<li>4.详细地址：<textarea></textarea></li>
<li><input type="button" class="ys2" value="提 交"> <input type="reset" class="ys2" value="重 置"></li>
</ul>
</div>
</form>
</body>
</html>
