DIV CSS margin-right設置對象盒子右邊外邊距（間距）
1、margin-right作用：盒子對象設置此樣式後，此對象邊框外將靠右產生距離
2、margin-right語法：
margin-right:10px 設置對象右側外間距爲10px
3、margin-right示意圖
1和2兩個盒子未設置margin樣式，當給予3設置margin-right值後出現3和4之間產生間距。
4、css margin-right實例
爲了觀察效果，首先DIVCSS5設置兩個DIV盒子分別加上相同寬度、高度、邊框等樣式，爲了讓DIV並排divcss5設置div浮動float:left靠左觀察兩個盒子情況，然後再對第一個盒子加上margin-right:15px看看效果。
1）、未添加margin樣式完整HTML+CSS代碼<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>石家莊地毯</title>
<style>
.div-a,.div-b{ float:left; width:200px; height:100px; border:1px solid #F00}
/* CSS註釋說明：以上代碼代表.div-a和.div-b共用花括號裏CSS樣式 */
</style>
</head>
<body>
<div class="div-a"></div>
<div class="div-b"></div>
</body>
</html>
2）、對".div-a"設置margin-right樣式代碼<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>margin-right DIVCSS5實例</title>
<style>
.div-a,.div-b{ float:left; width:200px; height:100px; border:1px solid #F00}
/* CSS註釋說明：以上代碼代表.div-a和.div-b共用花括號裏CSS樣式 */
.div-a{ margin-right:15px}
</style>
</head>
<body>
<div class="div-a"></div>
<div class="div-b"></div>
</body>
</html>
CSS margin-right認識與用法
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.