HTML中边框分析
操作方法
- 01
在HTML中,元素的边框都是怎样的呢?我们实际看到的边框就是上、下、左、右四个边框,但究竟是怎么的呢?其实边框是一个类似盒子的形状。下面我们介绍下,元素的盒子模型吧,举div为例,看看div的周围都有些什么呢? 说明:
- 02
虚线表示整个框的最大范围。
- 03
当我们定义一个框,如div,外边距与内边距为0,边框宽度为0。图中元素所在位置与虚线一样大。
- 04
margin表示边框与其他元素的距离,padding表示边框与自身元素的距离。
- 05
不以单独控制margn、padding的颜色,但可以控制宽度。
- 06
可以控制边框的颜色、宽度等。
- 07
只有熟练掌握边框的盒子模型,才能真正控制HTML的元素,希望读者越走越远。
赞 (0)