在css样式标签中，定义class或id的样式，再通过给span标签添加class或id属性，便可实现给span标签加入css样式。下面小编举例讲解如何在span标签中加入css样式。工具/原料morehtml+css代码编辑器：Dreamweaver CS5方法/步骤1/7分步阅读

新建一个html文件，命名为test.html，用肥捧于讲解如何在span标签中加入css样式。

2/7

在test.html文件内，使用span标签创建一行文字，文字内容为“这是测试的内容”。

3/7

在test.html文件内，设置span标签的class属性为myspan，主要用于下面通过该class来设置span标签的css样式。

4/7

在test.html文件内，编写style type=text/css/style标签，span标签的css样式将写在该标签内。

5/7

在css标签内，通过myspan类名来设置span标签的样式，它的样式在花括号{}内设置。

6/7

在css标签内，在花括号内使用width属性设置span的总召宽度为300px，使用裕茄躲background属性设置span的背景颜色为红色，使用padding属性设置span内边距为10px，使用color属性设置span的文字颜色为白色。

7/7

在浏览器打开test.html文件，查看实现的效果。

总结:1/1

1、创建一个test.html文件。2、在文件内，使用span标签创建一行文字，并设置span标签的class属性为myspan。3、在css标签内，通过myspan类名设置span标签的样式。

注意事项

使用id属性的设置方法，与class属性设置方法一致。

除了使用上面的方法外，还可以直接在span标签内，使用style属性来设置。

CSS