在使用CSS样式控制不同类型的标签时，宽度的属性值可以是具体的像素值，还可以是百分比；在给元素添加背景色时，需要根据元素类型（行内元素和块级元素），被渲染的部分也有所不同。下面利用具体实例说明，操作如下：
工具/原料
1
HTML5
2
CSS3
3
DW
4
浏览器
5
截图工具
方法/步骤
2
第二步，再在title标签下，插入一个style标签，然后使用元素选择器，控制元素标签的宽度，宽度值有具体的值，也有百分比，如下图所示：
3
第三步，保存代码并在工具中点击使用浏览器预览页面效果，发现A、B、C和D占据不同位置，B和C在同一行，如下图所示：
4
第四步，为了区别这四个标签的所占宽度，给每个元素添加一个背景颜色属性，使用不同的颜色值，如下图所示：
5
第五步，保存代码并在浏览器中预览，发现各个元素展示的颜色区域不一样，如下图所示：
6
第六步，经过检查发现，span和label是行内元素，设置宽度对它们不起作用，于是添加display:block，将行内元素改为块级元素，如下图所示：
注意事项
1
注意HTML中的块级元素和行内元素的区别和用法
2
注意CSS中的属性不同用法，如宽度、背景色和display
上一篇：如何在网页中设置CSS 边框
下一篇：css圆角和边框