网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何使用CSS样式控制不同类型元素宽度和背景色

时间:2024-10-13 15:20:43

1、第一步,在DW中新建HTML5页面模板,并在主体中插入div标签,然后在div插入不同的元素,如下图所示:

如何使用CSS样式控制不同类型元素宽度和背景色

2、第二步,再在title标签下,插入一个style标签,然后使用元素选择器,控制元素标签的宽度,宽度值有具体的值,也有百分比,如下图所示:

如何使用CSS样式控制不同类型元素宽度和背景色

4、第四步,为了区别这四个标签的所占宽度,给每个元素添加一个背景颜色属性,使用不同的颜色值,如下图所示:

如何使用CSS样式控制不同类型元素宽度和背景色

6、第六步,经过检查发现,span和label是行内元素,设置宽度对它们不起作用,于是添加display:block,将行内元素改为块级元素,如下图所示:

如何使用CSS样式控制不同类型元素宽度和背景色
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com