css修改span中的文字

在CSS中，你可以直接选择`<span>`元素并应用样式来修改其中的文字。下面是一些基本的示例：

1. **颜色**：

   span {
     color: red; /* 修改文字颜色为红色 */
   }

2. **字体大小**：

   .my-span {
     font-size: 16px; /* 设置文字大小为16像素 */
   }

3. **加粗、斜体、下划线**：

   span.italic { font-style: italic; } /* 斜体文本 */
   span.bold { font-weight: bold; } /* 加粗文本 */
   span.underline { text-decoration: underline; } /* 下划线文本 */

4. **行高和对齐**：

   span {
     line-height: 1.5; /* 设置行间距 */
     text-align: center; /* 文本居中对齐 */
   }

5. **改变背景色或边框**：

   span.background-color {
     background-color: yellow; /* 改变背景色 */
     border: 1px solid black; /* 添加边框 */
   }

记得在HTML中给`<span>`标签添加相应的类名来应用这些样式：

<span class="my-span italic bold">这是一段样式的文字</span>