您的位置:首页 > CSS入门 > 【 返回上一页

margin-right css右外边距 右外边间隔

css margin-right右边距,又称CSS右外边距间隔属性

对象与对象之间间距间隔CSS属性,两个并排近邻对象对前者对象设置margin-right样式即可实现两个盒子间隔距离。

一、margin-right语法与结构

margin-right:20px
margin-right:-10px

右边距后直接跟具体数值,可以为正可以为负,平时常规使用正数值为多。

span{margin-right:30px}

span标签盒子设置右边距30px

二、margin-right使用示例

div css实例代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>margin-right实例 ThinkCSS</title>
<style>
.div1,.div2{float:left; width:200px; height:80px;}
.div1{border:1px solid #F00; margin-right:10px}
.div2{border:2px solid #00F}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>

截图:

css margin-right右边距设置
margin-right右(外)边距设置实例

通过以上案例可以看到那个DIV盒子之间间距,可以使用margin-right或margin-left设置之间间距间隔距离。

如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/css/1288.shtml

修订日期:2017-03-19 21:04 www.thinkcss.com ThinkCSS