css样式哪几种-代码示例

CSS样式有很多种，每一种都可以用来美化网页的外观。下面我将介绍几种常用的CSS样式，并提供相应的代码示例。

1、背景样式：通过设置背景颜色或背景图片，可以改变网页的背景效果。例如，通过设置background-color属性，可以将网页的背景颜色设置为红色：

body {
  background-color: red;
}

2、文本样式：通过设置字体、字号、字体颜色等属性，可以改变网页中文本的样式。例如，通过设置font-size属性，可以将网页中的文字大小设置为20像素：

p {
  font-size: 20px;
}

3、边框样式：通过设置边框的宽度、样式和颜色，可以为网页元素添加边框效果。例如，通过设置border属性，可以为一个div元素添加一个红色、宽度为2像素的实线边框：

div {
  border: 2px solid red;
}

4、盒模型样式：通过设置元素的内边距和外边距，可以控制元素与其他元素之间的距离。例如，通过设置padding属性，可以为一个div元素设置上下左右都为10像素的内边距：

div {
  padding: 10px;
}

5、浮动样式：通过设置元素的浮动属性，可以实现元素的横向排列效果。例如，通过设置float属性，可以将两个div元素横向并排显示：

div {
  float: left;
}

以上是几种常用的CSS样式及其代码示例。通过合理运用这些样式，我们可以为网页添加丰富多样的外观效果。希望这些示例能帮助你更好地理解和应用CSS样式。