CSS中如何把Span标签设置为固定宽度

由于span是行内元素，所以如果想要给它设置固定的宽度，需要先将其转换为块状元素，之后就可以为其设置固定的宽度了，如span {display:blockwidth: xxx px}。

请记住，任何的行内元素，都是不能对其进行宽高设置，它的高度只随着字体大小和行高而改变，而它的宽度只随着文本内容的宽度而改变，所以要设置行内元素的宽高值，将其转换为块状元素是最基本的方法。

至于什么是块状元素，什么是行内元素，它们之间有什么关系，可以直接百度，快速 了解一下。以上是个人的一些学习积累，又不对的地方，请见谅。

1、设置边框和背景色需要使用css的border和background属性。具体的用法是，首先打开html编辑器，在空白的html文件中，新建一个div和span标签，并在上方head里设置style标签：

2、接着在style标签中设置span和div的标签，首先给它们宽度和高度，接着给他们设置不同颜色，最后设置边框border，border属性的3个值分别代表边框宽度，边框样式，边框颜色：

3、其中边框样式有点线，虚线，双线，实线等不同类别，具体样式在下图中均已列出，可根据自己的喜好选择，这里设置span的边框样式为dashed，div的为solid：

4、最后打开浏览器，就可以看到设置好的效果了。以上就是设置span和div的边框和背景色的方法介绍：

---