CSS是一種用于設置網頁樣式的語言，而Div則是一種用于組織HTML元素的標簽。在網頁設計中，表單是最常見的元素之一，下面我們將介紹如何使用CSS與Div制作表單。
<div class="form"> <form> <label for="username">用戶名:</label> <input type="text" id="username" name="username"> <br> <label for="password">密碼:</label> <input type="password" id="password" name="password"> <br> <input type="submit" value="提交"> </form> </div>
首先，我們使用
標簽創建一個容器，設置樣式如下：
.form {
border: 1px solid #ccc;
padding: 20px;
width: 400px;
margin: 0 auto;
}這樣,我們就可以得到一個帶有邊框和內邊距的表單容器。
接著，我們使用
接下來，我們將對表單元素進行樣式設置。例如，我們可以為輸入框設置一個邊框，如下：
input[type="text"], input[type="password"] {
border: 1px solid #ccc;
padding: 5px;
width: 100%;
margin-bottom: 10px;
}在上面的代碼中，我們使用了選擇器“input [type=”text“]” 和 “input [type=”password“]” 選擇對應的輸入框，并對其設置了一些樣式。其中，“width:100%;”，“margin-bottom：10px”等屬性可以使表單元素在容器中有良好的布局和排版。
最后，我們需要為提交按鈕添加一些樣式，如下：
input[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
}這樣，我們就可以得到一個具有較好外觀和可讀性的表單。
下一篇java篡改和重放