CSS（Cascading Style Sheets）是一種用于控制網頁樣式和排版的語言。在網頁設計中，表單是一個重要的元素，它讓用戶能夠在網頁上輸入或選擇信息。但是默認的表單樣式往往不夠美觀，需要使用CSS來控制表單樣式。在這篇文章中，我們將學習如何使用外鏈式的CSS來控制表單樣式。
首先，我們需要在網頁HTML文件中添加CSS的引用。我們可以使用link標簽來實現外鏈式CSS，如下所示：
<!-- 在head標簽中添加CSS引用 --> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在上述代碼中，我們引用了一個名為style.css的CSS文件。現在我們需要在CSS文件中編寫控制表單樣式的代碼。
下面是一些基本的表單樣式控制代碼：
/* 控制表單元素的樣式 */
input {
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 8px 12px;
margin-bottom: 10px;
}
/* 控制按鈕的樣式 */
button {
background-color: #007bff;
color: #fff;
font-size: 16px;
border: none;
border-radius: 5px;
padding: 8px 16px;
cursor: pointer;
}在上面的例子中，我們使用了input和button選擇器來控制表單元素和按鈕的樣式。例如，我們給所有input元素設置了字體大小、邊框、圓角和內邊距。
以上只是一些基本的表單樣式控制代碼，你可以根據需要自由添加樣式。在CSS中更多的樣式屬性可以在MDN（Mozilla開發者網絡）中找到。
最后，我們需要把CSS文件保存為style.css并和HTML文件放在同一個文件夾下。現在你可以打開HTML文件，查看表單的新樣式了！
上一篇css控制自適應高度
下一篇mysql報警庫怎么做