首页 > 软件开发 > HTML >

HTML代码中的div是什么标签,有什么用

来源:互联网 2023-03-16 19:12:59 333

div标签是HTML中最经常使用到的标签,对于他有哪些功能属性我们简单来了解下。npB办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • div

方法/步骤

  • 1

    首先div是一个双标签,其实标签是div>,末尾标签是/div>中间可以添加文字、图片、以及其他标签,div可以包容一切所以一般都称他为盒子模型npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 2

    比如,我们在div中直接输入文字,或者标题标签,以及图片标签imgnpB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 3

    然后将其保存预览的时候,他就是这样排列的,从上到下依次排列npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 4

    div里面可以添加文字,还可以同时使用多个div,如果想要更改文字的颜色,就直接在样式中输入div{} 大括号中输入的是对他的修饰npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 5

    将文字变成红色显示,在浏览器中预览就是红色的字了,因为div是块状标签,会自动换行,所以三个div里面的文字就是三行了,如图所示npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 5相关内容非法爬取自百度经验
  • 6

    我们还可以对div盒标签添加描边选择设置,如图所示,添加border的属性npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 7

    这样就在文字的外边框添加了颜色,粗细以及大小也可以控制。npB办公区 - 实用经验教程分享!

    HTML代码中的div是什么标签,有什么用?npB办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!npB办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码