网络技术问题 | CSS 测验 | 第 3 组 | 问题 1

题目描述

请编写一段 CSS 代码,设置一个带有背景颜色为红色、字体大小为 16px、文字颜色为白色、字体为 Arial 的按钮样式。

解题思路

首先需要创建一个 CSS 类来设置按钮的样式：

.button {
  background-color: red;
  font-size: 16px;
  color: white;
  font-family: Arial;
}

接着在 HTML 中添加一个按钮并应用上述样式：

<button class="button">按钮</button>

这样即可创建一个带有红色背景、16px 字体大小、白色文字颜色、Arial 字体的按钮。

答案

.button {
  background-color: red;
  font-size: 16px;
  color: white;
  font-family: Arial;
}

<button class="button">按钮</button>

返回的markdown格式：

# 网络技术问题 | CSS 测验 | 第 3 组 | 问题 1

## 题目描述

请编写一段 CSS 代码,设置一个带有背景颜色为红色、字体大小为 16px、文字颜色为白色、字体为 Arial 的按钮样式。

## 解题思路

首先需要创建一个 CSS 类来设置按钮的样式：

```css
.button {
  background-color: red;
  font-size: 16px;
  color: white;
  font-family: Arial;
}

接着在 HTML 中添加一个按钮并应用上述样式：

<button class="button">按钮</button>

这样即可创建一个带有红色背景、16px 字体大小、白色文字颜色、Arial 字体的按钮。

答案

.button {
  background-color: red;
  font-size: 16px;
  color: white;
  font-family: Arial;
}

<button class="button">按钮</button>