网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

当前位置：首页 > 网页特效 > css样式 >

css的margin缩写方式

时间：2012-08-14 00:01 来源：未知作者：admin 收藏推荐

<html>
     <body>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px;">
                 margin: 20px;（上、下、左、右各20px。）
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px;">
                 margin: 20px 40px;（上、下20px；左、右40px。）
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px 60px;">
                 margin: 20px 40px 60px;（上20px；左、右40px；下60px。）
             </div>
         </div>
         <div style="border: 1px solid red;">
             <div style="border: 1px solid blue; margin: 20px 40px 60px 80px;">
                 margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）
             </div>
         </div>
<p>在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为<span style="color: #ff0000"><strong>上右下左</strong></span>（顺时针）。</p>
<p>margin标记可以带一个、二个、三个、四个参数，各有不同的含义。</p>
<p>更多代码请访问：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p>
     </body>
 </html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。

margin标记可以带一个、二个、三个、四个参数，各有不同的含义。

由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-css/185.html

标签：源码网站源码

上一篇：没有了

下一篇：分页居中/圆角宽度自适应实现

[css样式] 超炫css3-rotate环形旋转特效有

[css样式] HTML5/CSS3画国旗-五星红旗

[css样式] 圆形按钮HTML5/CSS3 button代码H

[css样式] 多种CSS3纹理背景效果

[css样式] css3 html5文字霓虹灯交替闪烁效

[css样式] 强制Firefox显示滚动条

[css样式] CSS3表格特效边框阴影+圆角有立

[css样式] css3 shadow实现的各种漂亮阴影

[css样式] CSS圆角框，圆角提示框

[css样式] CSS实现的搜索框点击后提示消失

[css样式] CSS实现背景渐变 CSs滤镜使用

[css样式] HTML5+CSS3卷角翻页导航菜单

相关内容推荐

手机直播系统开发

源码游戏APP定制搭建

html5后台管理模板

厨具设备网站源码

网站转换APP源代码

成品app直播源码推荐

房产中介小程序

网站内容管理系统

任务调度系统

得推校园O2O系统

抖音互关源码

知识付费小程序

安卓源码网

千博二手车网站系统

热门源码

论坛源代码

织梦cms模板

公司网站源码

个人主页模板

flash动画素材网

帝国cms模板

后台管理模板

个人网站设计模板

分类信息程序

网站源码出售

网页游戏源码

网站源码下载

php源码下载

登录界面素材

电影网站程序

导航菜单代码

门户网站源码

电影网站源码

网站首页模板

网站右下角广告

下载网站源码

帝国网站管理系统

网页制作模板

网页模板下载

在线客服源码

个人网站源码

素材解析平台

网页在线客服代码

多多淘宝客

苹果cms10模板

网站后台模板

网址导航源码

html代码大全

网站模板下载

asp建站系统

免费企业网站

源代码在线

企业网站源码

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

COPYRIGHT 2012-2019 济南朗达信息技术有限公司版权所有鲁ICP备16040249号-5

鲁公网安备 37010202002306号