元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:
div{margin:20px 10px 15px 30px;}
效果:
也可以分开写:
div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; }
如果上右下左的边界都为10px;可以这么写:
div{ margin:10px;}
如果上下边界一样为10px,左右一样为20px,可以这么写:
div{ margin:10px 20px;}
总结一下:padding和margin的区别,padding在边框里,margin在边框外。
我来试一试:
为id名称为box1的div元素加入30像素的左边距
在右侧代码编辑器中第13行输入下列代码:
#box1{margin-left:30px;}
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报
本次提问将花费2个积分
你的积分不足,无法发表
为什么扣积分?本次提问将花费2个积分
继续发表请点击 "确定"
为什么扣积分?玻璃钢生产厂家河源玻璃钢艺术雕塑江西景观玻璃钢雕塑设计安庆卡通玻璃钢雕塑报价商场为什么要做美陈肇庆玻璃钢雕塑图片商场美陈吊钩公司玻璃钢艺术摆件景观雕塑湖南玻璃钢雕塑品常见玻璃钢雕塑摆件销售厂家铁岭玻璃钢关公雕塑宁乡玻璃钢卡通雕塑许昌火烈鸟玻璃钢雕塑公司麻城玻璃钢卡通座椅雕塑金昌玻璃钢动物雕塑定做拉萨玻璃钢雕塑房山区模压玻璃钢花盆兰州玻璃钢雕塑安装武威卡通玻璃钢雕塑厂家辽宁玻璃钢卡通雕塑圣诞报价520商场美陈河北大型商场创意商业美陈策划天津商场主题创意商业美陈定制天津玻璃钢雕塑制作重庆玻璃钢卡通雕塑定制舞钢玻璃钢雕塑定制怀柔区商场圣诞节美陈布置商场餐饮美陈湛江玻璃钢葡萄雕塑加工鄂州玻璃钢雕塑摆件公司三亚玻璃钢花盆香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万