html中margin属性的使用方法:在html中可通过css样式“margin”属性来设置两个元素之间的外边距,只需要添加“margin:10px 5px 15px 20px;”样式代码即可,此代码意思为:上外边距是10px、右外边距是5px、下外边距是15px、左外边距是20px。
margin是css用于在一个声明中,对所有css margin属性的简写,正因为margin来控制css中的块级元素之间的距离,所以两者是不是可见的。
一:css margin属性怎么用
margin属性包含了很多的属性,如下所示:
margin left :是表示设置距左内边距;
margin top:是表示设置头顶元素块状的距离;
margin right:是表示设置距右元素块距离;
margin bottom :是表示设置底部块状距离
二:css margin属性用法教程
1.margin left用法:
margin left:50px;语法后面紧跟着数字或者百分比,该语法表示距离左边元素块50像素点,或者距离元素50%的距离。
为了观察实例,我们使用两个盒子:
<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<title>margin-left实例www.pcss5.com</title>
<style>
.php-a,.php-b
{float:left;width:150px;height:120px;border:1pxsolid#F00}
.php-b{margin-left:50px}
.php-c{margin-left:50px}
</style>
</head>
<body>
<pclass="php-a"></p>
<pclass="php-b"></p>
</body>
</html>
我们可以改动数值,可以观察其中变化,但是效果都是元素左边间距的位置大小。
2.margin right用法恰恰和margin left相反,定义为右边元素距离多少像素。
3.margin top:50px,语法后面紧跟数字,就是表示上边间距50个像素点,也可以使用百分比来表示。
4.margin bottom用法和margin top用法类似,并且在方向是相反的。
本文由 贵州做网站公司 整理发布,部分图文来源于网络,如有侵权,请联系我们删除,谢谢!
抖音(Tiktok)是由北京字节跳动科技有限公司(ByteDance)孵化的音乐创意短视频社交网站。它于2016年9月20日上线,主要面向全年龄段的用户,尤其是...
飞极速为您提供高清在线电影、电视剧大全、动画片,综艺等,飞极速在线更新及时,播放速度快,给您带来最好的观影体验!飞极速在线,免费提供日本新番动漫、最新电影和最新...
《南华早报》(英语:South China Morning Post, SCMP)和星期日出版的《星期日南华早报》(英语:Sunday Morning Post...
绿色环保项目有哪些?绿色环保项目:发展先进环保技术和装备,包括污水、垃圾处理,脱硫脱硝,高浓度有机废水治理,土壤修复,监测设备等,重点攻克膜生物反应器、反硝化除磷、湖泊蓝藻治理和污泥无害化处理技术装备等;发展环保产品,包括环保材料、环保药剂,重点研发和产业化示范膜材料、高性能防渗材料、脱硝催化剂、固废处理固化剂和稳定剂、持久性有机污染物替代产品等;发展环保服务,建立以资金融通和投入、工程设计和建设...
人生的美好,莫过于白马王子在你的手指上带上一颗足金的钻戒,来一次美好人生的邂逅。那么关于黄金24k和999和纯金的区别你知道多少呢?接下来我们就一起了解一下24k金和999金的区别。24K就是纯金,通常将含金达到99.96%以上的黄金称之为24K金或者是纯金,24K金和999黄金的区别是:1、含金量不同: 24K金为纯金,含金量在99.96%以上,而999黄金是含金量达到99.9%的黄金;2、价格...
(资料图)随着社会越来越发达,大家都选择在网络上汲取相关知识内容,比如摩洛哥在哪,为了更好的解答大家的问题,小编也是翻阅整理了相应内容,下面就一起来看一下吧!1、摩洛哥王国是非洲西北部的一个君主制国家。其东部与阿尔及利亚接壤,南部其实际控制的西撒哈拉地区与毛里塔尼亚紧邻,西部滨临大西洋,并向北隔直布罗陀海峡和地中海与葡萄牙、西班牙相望。1979年摩洛哥占领西撒哈拉,但其在西撒哈拉的权利要求一直未被...