div标签

div即division,即分区。一般在页面中不显示样式,需要通过id或class样式来试着样式,用于页面的分区。

  • width 表示div的宽
  • height表示div的高
  • padding表示div的内边距
  • margin表示div的外边距
    • margin: 0 auto; //div居中
  • border表示div的表框
    • border-color边框的颜色
      • border-top-color 上边框颜色
      • border-right-color 右边框颜色
      • border-bottom-color 下边框颜色
      • border-left-color 左边框颜色
      • border-color: 上 右 下 左 
    • border-width边框宽度
      • 取值为 thin mediun thick 像素数
      • 格式类似于边框颜色
    • border-style边框风格
      • 取值 dashed(虚线) dotted(点线) solid(实线) double(双线)
      • 格式类似于边框颜色
    • 可以使用border同时设置宽度、颜色、样式,顺序无关
    • 盒子模型总尺寸=(border-width)+padding+margin+内容宽度

你可能感兴趣的:(Web基础)