怎么使用cssmargin-right属性-创新互联

怎么使用css margin-right属性？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司长期为上1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为蒸湘企业提供专业的做网站、成都做网站，蒸湘网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

css margin-right属性定义及用法

在css中，margin-right属性是使用来设置元素的右外边距，属性值可以是负数。如果我们需要同时设置元素的上下左右的外边距，我们可以使用margin属性来设置。

css margin-right属性语法格式

css语法：margin-right:auto/length/%/inherit

JavaScript语法：object.style.marginRight="10px"

属性值说明

auto ：浏览器设置的右外边距

length：定义固定的右外边距，默认值是 0

%：定义基于父对象总高度的百分比右外边距

inherit：从父元素继承margin-right属性的值

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css margin-right属性设置元素的左外边距</title>
<style type="text/css">
p{border: 1px solid royalblue;height:100px;width:120px;float:left;}
#mr1 {margin-right:20px;}
#mr2 {margin-right:50px;}
</style>
</head>
<body>
<p id = "mr1">margin-right属性演示</p>
<p id = "mr2">margin-right属性演示</p>
<p>一个margin-right属性演示 </p>
</body>
</html>

运行结果

怎么使用css margin-right属性

关于怎么使用css margin-right属性问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前文章：怎么使用cssmargin-right属性-创新互联
网页路径：https://www.cdcxhl.com/article46/dcohhg.html

成都网站建设公司_创新互联，为您提供面包屑导航、网站导航、网站设计公司、品牌网站制作、用户体验、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容