• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程
当前位置: 织梦吧 > 网页制作 > DIV&CSS >

CSS 外边距

来源: www.dedecms8.com 编辑:织梦吧 时间:2011-12-01点击:

外边距,与div间距设置基础之css margin

基础知识   -  
外边距指单词margin,margin是设置对象四边的外延边距,没有颜色也无。

运用地方  -  

两个布局之间距离设置。
css实例教程范例margin视图
如上图中“”和“”黄颜色的背景之间空隙(背景土红)。

margin缺点   -  
在使用CSS margin的时候容易造成。IE6解释此属性的时候容易造成双倍距离。
您可能需要了解。

使用技巧与CSS代码优化  -  

margin:10px; 意思就是上下左右元素块距离就是10px(10像素)等于margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; 一样效果简写;

margin:5px 10px; 意思上下元素块距离为5px,左右的元素块距离为10px,等于margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; 一样效果简写;

margin:5px 6px 7px; 意思上元素块距离5px,下元素块距离为7PX,左右元素块距离为6px,等于margin-top:5px; margin-bottom:7px; margin-left:6px; margin-right:6px; 一样效果简写;

margin:5px 6px 7px 8px; 意思上元素块为5px,右元素块距离为6px ,下元素块距离为7px,左元素块距离8px,等于margin-top:5px; margin-right:6px; margin-bottom:7px; margin-right:8px; 一样效果简写;

其中margin:5px 6px 7px 8px;

你可以再了解以前介绍:。

相关阅读

基础

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 tom@tiptop.cn ,  QQ