HTML中边框分析

时间:2024-10-12 04:53:27

在HTML中,元素的咐搭趔涮边框都是怎样的呢?我们实际看到的边框就是上、下、左、右四个边框,但究竟是怎么的呢?其实边框是一个类似盒子的形状。下面我们介菖霁活裱绍下,元素的盒子模型吧,举div为例,看看div的周围都有些什么呢?

HTML中边框分析
HTML中边框分析

说明:

虚线表示整个框的最大范围。

当我们定义一个框,如div,外边距与内边距为0,边框宽度为0。图中元素所在位置与虚线一样大。

margin表示边框与其他元素的距离,padding表示边框与自身元素的距离。

不以单独控制margn、padding的颜色,但可以控制宽度。

可以控制边框的颜色、宽度等。

只有熟练掌握边框的盒子模型,才能真正控制HTML的元素,希望读者越走越远。

© 手抄报圈