介绍
这篇文章将为大家详细讲解有关css外边距属性是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
css样式中的优势也就是css中外边距外间距属性,顾名思义,就是控制div块或者各元素之间上下左右的距离,显然保证金在css中的作用不容小觑。本篇文章就给新手小白介绍关于css保证金属性的具体用法。希望对大家有所帮助。
下面我们通过具体的代码示例详细解说
<强> css中保证金属性强>即<强> css外边距属性强>的具体用法代码示例:
& lt; ! DOCTYPE html> & lt; html> & lt; head> ,,,& lt; meta charset=皍tf-8"比; ,,,& lt; title> css中的优势属性使用示例& lt;/title> ,,,& lt; style> ,,,,,,,.demo { ,,,,,,,,,,,宽度:,300 px;高度:,100 px; ,,,,,,,,,,,背景颜色:,# ccccff; ,,,,,,,} ,,,,,,,.demo1 { ,,,,,,,,,,,,,,margin-left: 50 px; ,,,,,,,,,,,,,,margin-top:, 50 px; ,,,,,,,,,,,,,,margin-bottom:, 50 px; ,,,,,,,,,,,,,,宽度:,300 px;高度:,100 px; ,,,,,,,,,,,,,,背景颜色:,# b2ecef; ,,,,,,,,,,} ,,,,,,,.demo2 { ,,,,,,,,,,,宽度:,300 px;高度:,100 px; ,,,,,,,,,,,背景颜色:,# 94 ef9a; ,,,,,,,} ,,,,,,,.demo1 p {margin-left: 50 px; ,,,,} ,,,,& lt;/style> & lt;/head> & lt; body> & lt; div 类=癲emo"祝辞 ,,,& lt; p>没有给这个div块设置边缘值& lt;/p> & lt;/div> & lt; div 类=癲emo1"祝辞 ,,,& lt; p>给这个div块设置了边缘值,并且给此段文字也设置边缘值& lt;/p> & lt;/div> & lt; div 类=癲emo2"祝辞 ,,,& lt; p>没有给这个div块设置边缘值& lt;/p> & lt;/div> & lt;/body> & lt;/html>
以上代码在浏览器中呈现效果如下图:
关于“css外边距属性是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。