在網(wǎng)頁(yè)設(shè)計(jì)中，表單是非常重要的一個(gè)元素，它能夠讓用戶通過填寫表格來提交數(shù)據(jù)，如注冊(cè)、登錄等。而在表單中，div是非常常見的一個(gè)元素，可以使用css來美化我們的表單。

下面我們通過代碼展示如何使用div css樣式美化表單：

<div class="form">
<label for="username">用戶名: </label>
<input type="text" id="username" name="username" required>
<label for="password">密碼: </label>
<input type="password" id="password" name="password">
<label for="email">郵箱: </label>
<input type="email" id="email" name="email">
<input type="submit" value="提交">
</div>

我們給form添加了一個(gè)class為form，這樣我們可以通過css來對(duì)form進(jìn)行樣式設(shè)置。接下來，使用CSS代碼來設(shè)置form樣式：

.form label {
display: block; 
font-size: 18px; 
margin-bottom: 10px;
}
.form input {
padding: 8px; 
font-size: 16px; 
border: none; 
border-radius: 5px; 
box-shadow: 0 0 5px #ccc; 
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
}
.form input[type="submit"] {
background-color: #1c91e5; 
color: #fff; 
border-radius: 5px; 
padding: 10px 20px; 
font-size: 18px; 
border: none; 
box-shadow: 0 0 5px #ccc;
cursor: pointer;
}

我們對(duì)label設(shè)置了字體大小，給它添加了一個(gè)下邊距，方便我們看清楚各項(xiàng)輸入框。對(duì)于input元素，我們?cè)O(shè)置了內(nèi)邊距、字體大小、圓角、邊框陰影等，讓輸入框更加美觀。最后，我們?yōu)閟ubmit按鈕設(shè)置了背景顏色、字體顏色、圓角、尺寸等一些樣式。

通過以上的css樣式設(shè)置，我們可以發(fā)現(xiàn)，表單不僅功能上能實(shí)現(xiàn)數(shù)據(jù)提交，還能在視覺變得極其美觀，這也是我們網(wǎng)頁(yè)設(shè)計(jì)的重要一環(huán)。希望各位設(shè)計(jì)師能夠靈活運(yùn)用，打造更加優(yōu)美的表單。