css表单的美化谁会做啊?

html-css044

css表单的美化谁会做啊?,第1张

<!doctype html>

<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:centerpadding:15px}

ul li{ text-align:left list-style:none padding:15px}

.ys1{ border:none border-bottom:1px solid #000background-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>

CSS层叠样式表本身就有两种方法创建,一种是内建,一种是调用,你可以在网上找一个你比较喜欢的样式或者自己创建一种样式作为模版,然在需要的页面中调用这个模版不就行了吗,这样每个页面尺寸还比较小,不占空间。