css lable

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 元素关联起来，使得点击标签文本时能够聚焦到输入框。