你知道CSS中的简单样式集锦吗？

CSS中的简单样式集锦可以帮助您轻松地为网页元素添加样式，包括字体、颜色、边框和背景等。本文将介绍一些常用的CSS样式集锦，并提供示例代码，帮助您快速上手CSS。

1. 字体样式集锦

• font-family：指定元素的字体。
• font-size：指定元素的字体大小。
• font-weight：指定元素的字体粗细。
• font-style：指定元素的字体样式，例如斜体或加粗。
• color：指定元素的字体颜色。

示例代码：

p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: red;
}

2. 颜色样式集锦

• background-color：指定元素的背景颜色。
• color：指定元素的字体颜色。
• border-color：指定元素边框的颜色。

示例代码：

div {
  background-color: blue;
  color: white;
  border-color: black;
}

3. 边框样式集锦

• border-width：指定元素边框的宽度。
• border-style：指定元素边框的样式，例如实线或虚线。
• border-color：指定元素边框的颜色。

示例代码：

h1 {
  border-width: 2px;
  border-style: solid;
  border-color: red;
}

4. 背景样式集锦

• background-color：指定元素的背景颜色。
• background-image：指定元素的背景图像。
• background-repeat：指定元素的背景图像的重复方式。
• background-position：指定元素的背景图像的位置。

示例代码：

body {
  background-color: white;
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-position: center;
}

5. 其他样式集锦

• margin：指定元素的外边距。
• padding：指定元素的内边距。
• width：指定元素的宽度。
• height：指定元素的高度。

示例代码：

div {
  margin: 10px;
  padding: 5px;
  width: 200px;
  height: 100px;
}

这些只是CSS中众多简单样式集锦的几个示例。您可以使用这些样式集锦来创建各种各样的网页元素，并轻松地控制它们的样式。