[
设为首页
]
[
收藏本站
]
[
联系我们
]
网站首页
站长关注
业界资讯
站长活动
网站运营
站长经验
策划盈利
搜索优化
网站推广
业界人物
酷站推荐
网页特效
鼠标特效
页面特效
导航菜单
状态栏类
文本特效
链接特效
图形特效
窗口特效
按钮特效
时间日期
CSS相关
系统相关
计数转换
综合特效
资源下载
软件下载
源码下载
论坛皮肤
透明FLASH
广告代码
免费资源
免费域名
免费空间
免费网盘
流量统计
内容联盟
留 言 本
论坛博客
建站工具
网页教程
HTML
CSS
站长工具
网站首页
>
网络教程
>
CSS
>
CSS代码示例
站长公告：
请记住本站网址
www.cnzzxy.com
中国站长网
CSS代码示例- 边距属性(margin)上下左右边距宽度各不相同
时间：2009年06月11日 来源：
站长学院
浏览：次
内容背景色
<HTML> <HEAD> <TITLE>CSS边距属性 margin</TITLE> <STYLE type="text/css"> .D1{border:1px solid #FF0000;} .D2{border:1px solid gray;} .D3{margin:0.5cm 1cm 2.5cm 1.5cm;border:1px solid gray;} </STYLE> </HEAD> <BODY> <DIV CLASS="D1"> <DIV CLASS="D2">没有margin</DIV> </DIV> <P>上面两个div没有设置边距属性(margin)，仅设置了边框属性(border)。外面那个div的border设为红色，里面那个div的border属性设为灰色。</P> <P>和上面两个div的CSS属性设置不同的是，下面两个div中，里面的那个div设置了边距属性(margin)，设定上边距为0.5cm，右边距为1cm，下边距为2.5cm，左边距为1.5cm。</P> <DIV CLASS="D1"> <DIV CLASS="D3">上下左右边距宽度各不同</DIV> </DIV> </BODY> </HTML>
编辑文本后点击显示结果
上一篇文章：
CSS代码示例- 边距属性(margin)上下左右边距宽度相同
下一篇文章：
CSS代码示例-左边框属性(margin-left)
相关阅读
ASP代码示例：定义和输出变量
CSS代码示例-锚(a)伪类(pseudo-clas
CSS代码示例-锚(a)伪类(pseudo-clas
CSS代码示例- display 属性分别为bloc
CSS代码示例-列表样式属性(list-style)
CSS代码示例-以decimal,lower-rom
CSS代码示例-以disc,circle,squar
CSS代码示例-列表样式位置属性(list-styl
CSS代码示例-列表样式图片属性(list-styl
CSS代码示例-用文本缩进属性(text-inden
CSS代码示例-用字间距属性(letter-spac
CSS代码示例-用行高属性(line-height)
最新评论
查看所有评论
用户投稿
我要投稿
[
广告
]
重庆科龙电脑维修学校招生进行中……
[
资源
]
MetInfo蓝色企业网站风格免费下载，供参考~
[
经验
]
关键字排名首页且保持不败的五条守则
[
经验
]
阿里巴巴将被行业B2B网站解体吗？
[
主机
]
营造网络低碳环境 双线主机解决高碳访问
[
广告
]
他找搜索联盟上线，可自定义文件搜索、自定义下载地址
[
茶馆
]
一个超级菜鸟的网赚之路
[
茶馆
]
建站的一点小小经验
[
经验
]
淘宝客赚钱真正免费秘籍简单分享
[
经验
]
新站优化切忌莫急功近利应循序渐进才是正道
热门资讯
更多
[
新闻
]
男子QQ空间存黄片被刑拘
[
新闻
]
10年内电视频道或减至20个 网络电视将占上风
[
新闻
]
Opera浏览器官方网站开通中文服务
[
新闻
]
“暴利梦”渐行渐远 山寨厂商紧急撤出上网本
[
数码
]
第三代iPhone 3GS正式发布 性能大幅提升
[
数码
]
可续航4.5小时 日本安桥推出双屏上网本
[
新闻
]
微软中国首任总裁执掌新蛋网中国区业务
[
新闻
]
苹果台湾代工厂员工聚集抗议 再度面临劳工门
[
新闻
]
俄互联网投资集团将向Facebook投资2亿美元
[
关注
]
暴风影音公开道歉 承认软件缺陷并修改
顶多榜 DIGG
更多
[
新闻
]
男子QQ空间存黄片被刑拘
[
新闻
]
搜索引擎百度宣布推出探索频道
[
新闻
]
10年内电视频道或减至20个 网络电视将占上风
[
关注
]
中国站长站(chinaz.com)今早无法打开链接
[
活动
]
2010年 群英聚焦上海滩 聚焦电商、网站运营
[
数码
]
可续航4.5小时 日本安桥推出双屏上网本
[
经验
]
朝暮数据,上海朝暮数据售后服务极差，请广大网友不要上当
[
新闻
]
火狐修补五个安全漏洞 建议用户升级3.0.12
[
经验
]
如何搜索优化推广减肥网站
[
新闻
]
电子商务发展论坛10日召开 台湾电子商务业界聚焦厦门
关于本站
┊
网站动态
┊
招聘信息
┊
版权声明
┊
网站帮助
┊
联系我们
┊
网站地图
┊
TOP
深圳网络警察报警平台
非经营性网站备案信息
中国站长网
版权所有 Cnzzxy.com © 2007-2010 All Rights Reserved.
不良信息举报中心
中国文明网传播文明
粤ICP备09174527号
网站法律顾问：
ITLAW-庄毅雄律师
┊
关于站长
