[分享]css3怎么给文本加背景颜色

CSS3 是目前最新的 CSS 规范，提供了丰富的样式特效，让网页设计变得更加生动、美观。其中，给文本添加背景色是 CSS3 中的一种常见特效。下面，我们来看一下怎样使用 CSS3 为文本添加背景颜色...

CSS3 是目前最新的 CSS 规范，提供了丰富的样式特效，让网页设计变得更加生动、美观。其中，给文本添加背景色是 CSS3 中的一种常见特效。下面，我们来看一下怎样使用 CSS3 为文本添加背景颜色。

/* 给文本添加背景颜色 */
p {
  background-color: #F5F5F5;
  padding: 10px;
} 

上面的代码很简单，首先使用 p 标签选取需要添加背景颜色的文本，然后使用 background-color 属性设置背景颜色，#F5F5F5 为浅灰色，也可以根据需求设置其他颜色。接着，使用 padding 属性设置文本的内边距，让文本与背景颜色之间留出适当的空隙。

需要注意的是，上面的代码只是给整个段落添加背景颜色。如果想要给某个单词或者短语添加背景颜色，可以使用 span 标签。示例如下：

/* 给文本中的某个单词或短语添加背景颜色 */
p span {
  background-color: yellow;
} 

上面的代码中，使用 p span 选取特定的单词或短语，然后使用 background-color 属性设置背景颜色。

总之，CSS3 为我们提供了很多有趣的样式特效，为网页设计带来了更多的创意和想象空间。希望大家可以通过研究 CSS3，设计出更加美观、生动的网页。