html里面什么是盒子


本文摘自PHP中文网,作者coldplay.xixi,侵删。

html里的盒子:1、【margin】合起来写的属性;2、【border】边框合写的属性;3、【padding】上右下左, 对边补齐。

本教程操作环境:windows7系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。

html里的盒子:

1、margin 合起来写的属性

4个

当你写一个的时候,四个全部相同

两个的时候,上右,对边补齐

三个的时候,上右下,对边补齐

margin-top margin-right margin-bottom margin-left

这四个属性可以单独的拿出来写

2、border 边框 合写的属性

border-color 颜色

border-top-color: ;

border-left-color:

border-style 样式

也分上下左右

border-width 宽度

也分上下左右

写的时候不需要区分顺序

3、padding

上右下左

对边补齐

定义的width和height只是content部分

padding和border会把盒子撑大

盒子的大小 content+padding+border

699a8626edefe79479c16bc0267f287.png

实例

阅读剩余部分

相关阅读 >>

利用Html实现一个个人信息表的网页(代码实例)

Html中怎么设置每行文字的间隔

Html option标签怎么添加两个value?option标签的用法解析

用js和Html做一个简易画板代码

如何快速查找Html中的链接

Html如何给段落加粗

Html table表格标签内容如何居中显示?表格的align属性的用法介绍

xml与Html的区别是什么

herf在Html中怎么跳转

Html怎么隐藏a标签

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...