热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

css怎么设置margin

css设置margin的方法:首先创建一个HTML示例文件;然后在body中通过p标签定义一些文本内容;最后设置样式“p.margin{margin:2cm4cm3cm4cm}”即可。

css设置margin的方法:首先创建一个HTML示例文件;然后在body中通过p标签定义一些文本内容;最后设置样式“p.margin {margin: 2cm 4cm 3cm 4cm}”即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

注释:允许使用负值。

示例:







这个段落没有指定外边距。

这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。

这个段落没有指定外边距。

效果;

【推荐学习:css视频教程】

例子 1

margin:10px 5px 15px 20px;

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

例子 2

margin:10px 5px 15px;

上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px

例子 3

margin:10px 5px;

上外边距和下外边距是 10px

右外边距和左外边距是 5px

例子 4

margin:10px;

所有 4 个外边距都是 10px

以上就是css怎么设置margin的详细内容,更多请关注其它相关文章!


推荐阅读
author-avatar
牛尾巴2010
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有