用html设置表单背景颜色，在html给标签加属性值

```html

用户名:

- ``：定义用户名标签，使用`for`属性指定关联的输入框的`id`。

- ``：定义输入框，使用`type="text"`来指定文本输入框。

- ``：定义提交按钮，使用`type="submit"`来指定提交按钮。

现在我们想要设置这个表单的背景颜色，可以为``元素添加`style`属性，来指定其样式：

```html

用户名:

CSS可以将HTML页面上的元素样式定义为类别。为了以后代码的扩展性和可读性，我们将CSS定义到单独的文件中。创建一个新的.css文件，并将以下代码保存到它中：

```css

input[type=text], select {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

input[type=submit] {

width: 100%;

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;

border: none;

border-radius: 4px;

cursor: pointer;

}

input[type=submit]:hover {

background-color: #45a049;

}

```

代码含义：

- `input[type=text]`：定义当输入框的类型为文本时的样式。

- `select`：定义下拉框的样式。

- `width`：指定元素的宽度。

- `padding`：定义内边距，控制这些元素中的文本和元素边缘之间的空格。

- `margin`：指定元素的外边距。

- `display`：元素如何显示，`inline-block`表示该元素会像块元素一样显示，但是可以在一行中放置。

- `border`：定义元素的边框。

- `border-radius`：定义元素的圆角。

- `box-sizing`：指定元素的框模型。

- `input[type=submit]`：定义当类型为提交按钮时的样式。

- `background-color`：定义元素的背景颜色。

- `color`：定义元素的前景色。

- `cursor`：定义鼠标指针悬停在元素上时的类型。

现在我们将创建的.CSS文件与HTML文件一起链接，以修改表单中的元素样式：

```html

用户名: