css lable
时间: 2023-07-02 13:08:42 浏览: 99
Contact_Us_Form
CSS label 可以用于关联表单元素和标签文本,使用户能够更方便地输入信息。使用 label 元素,可以通过点击标签文本来聚焦到关联的表单元素。在 CSS 中,可以使用 label 的 for 属性来选择与之关联的表单元素,从而修改标签的样式。
例如,以下是一个 HTML 表单和对应的 CSS 样式,其中 label 与 input 元素关联:
HTML 代码:
```
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
```
CSS 代码:
```
label {
font-weight: bold;
color: #333;
}
input[type="text"] {
padding: 5px;
border: 1px solid #ccc;
}
```
以上代码中,label 元素的样式设置了字体加粗和颜色为 #333,input 元素的样式设置了内边距和边框。通过 for 属性,label 与 input 元素关联起来,使得点击标签文本时能够聚焦到输入框。
阅读全文