div标签怎么设置背景颜色？

  • 原创
  • |
  • 浏览：29227
  • |
  • 更新：
  • div标签怎么设置背景颜色？1
  • div标签怎么设置背景颜色？2
  • div标签怎么设置背景颜色？3
  • div标签怎么设置背景颜色？4
  • div标签怎么设置背景颜色？5
  • div标签怎么设置背景颜色？6
  • div标签怎么设置背景颜色？7
分步阅读

div标签怎么设置背景颜色？div标签很适合网页布局，设置背景颜色助于模块设计，让网页的各个模块区别开来，我这里教大家编写代码设置div标签背景颜色

div标签怎么设置背景颜色？

工具/原料

  • 记事本
  • 浏览器

方法/步骤

  1. 1

    新建一个html文件

    div标签怎么设置背景颜色？
  2. 2

    这里我们输入一个div标签

    div标签怎么设置背景颜色？
  3. 2
    本页面非法爬取自百度经验
  4. 3

    这样是没有背景颜色的，我们需要用到一个属性background，我把这个属性加入到div标签当中去，你们看看下图红框，就知道它的用法了

    div标签怎么设置背景颜色？
  5. 4

    保存打开试试效果，结果如下图，我们可以看到整个一行的背景色全部显示为黄色

    div标签怎么设置背景颜色？
  6. 5

    这样显然不美观，我们需要对div进行尺寸设计，具体来说有要用到width和height2个属性，下图红框显示了用法

    div标签怎么设置背景颜色？
  7. 6

    保存打开效果如下图，这样设计了尺寸，把背景色固定在一个300px乘300px的模块内，是不是美观很多了

    div标签怎么设置背景颜色？
    END

注意事项

  • 希望给我投一票！！！关注底部投票、有得、疑问：按需求点击
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部