這篇文章跟大家分析一下“DIV CSS margin-right原理與用法是什么”。內(nèi)容詳細(xì)易懂，對(duì)“DIV CSS margin-right原理與用法是什么”感興趣的朋友可以跟著小編的思路慢慢深入來(lái)閱讀一下，希望閱讀后能夠?qū)Υ蠹矣兴鶐椭?。下面跟著小編一起深入學(xué)習(xí)“DIV CSS margin-right原理與用法是什么”的知識(shí)吧。

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到博山網(wǎng)站設(shè)計(jì)與博山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋博山地區(qū)。

DIV CSS margin-right設(shè)置對(duì)象盒子右邊外邊距（間距）

1、margin-right作用：盒子對(duì)象設(shè)置此樣式后，此對(duì)象邊框外將靠右產(chǎn)生距離

2、margin-right語(yǔ)法：
margin-right:10px 設(shè)置對(duì)象右側(cè)外間距為10px

3、margin-right示意圖

設(shè)置margin-right效果示意圖

1和2兩個(gè)盒子未設(shè)置margin樣式，當(dāng)給予3設(shè)置margin-right值后出現(xiàn)3和4之間產(chǎn)生間距。

4、css margin-right實(shí)例
為了觀察效果，首先DIVCSS5設(shè)置兩個(gè)DIV盒子分別加上相同寬度、高度、邊框等樣式，為了讓DIV并排創(chuàng)新互聯(lián)設(shè)置div浮動(dòng)float:left靠左觀察兩個(gè)盒子情況，然后再對(duì)第一個(gè)盒子加上margin-right:15px看看效果。

1）、未添加margin樣式完整HTML+CSS代碼