`

margin-bottom的作用

    博客分类:
  • CSS
 
阅读更多

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 3cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>

</html>

分享到:
评论

相关推荐

    margin-left和right失效(斯芬克斯)之谜

    一种情况是元素的确不支持margin-top/bottom(参看:关于margin-top/bottom在inline元素(non-Replaced)上不起作用的解释); 另一种情况则是元素产生了margin叠加(参看:如何避开麻烦的margin叠加(margin collapsing...

    C++编写小游戏

    MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px; MARGIN-TOP: 10px } .note { BACKGROUND-COLOR: #ffffff; COLOR: #336699; FONT-FAMILY: "Verdana", sans-serif; FONT-SIZE: 100%; MARGIN-BOTTOM: 0px; MARGIN-...

    类似QQ的全套聊天系统

    MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px; MARGIN-TOP: 10px } .note { BACKGROUND-COLOR: #ffffff; COLOR: #336699; FONT-FAMILY: "Verdana", sans-serif; FONT-SIZE: 100%; MARGIN-BOTTOM: 0px; MARGIN-...

    CSS样式文件格式化工具

    margin-bottom:0px; display:inline-block; text-align:left; } 格式化为: .UserLogin_7{width:213px;height:45px;clear:both;margin-left:0px;margin-top:0px;margin-bottom:0px;display:inline-block;text-...

    变幻之美DIV+CSS

    margin-bottom失效情况的解决; ?将icon图标集成于一个图片文件; ?设置链接变换小图标的样式; ?一张图片实现菜单的多种状态; ?相对单位em在文本缩进中的应用; ?浮动属性的灵活运用; ?网站文件与目录规划...

    6个盒子的CSS代码变换

    有6个DIV,每一个的classname分别为b1,b2,b3,b4,b5,b6 按顺序排列,改变不同的CSS可以令布局发生改变。 例子,以下CSS代码可以令6个div按井字排列: .b1{ float:left;width:290px;...margin-bottom:10px}

    css2中文手册 学习css的必选

    color border-bottom-style border-bottom-width border-left border-left-color border-left-style border-left-width 内容 Generated Content include-source quotes content counter-increment counter-reset

    postcss-margin-helpers:PostCSS的保证金助手

    postcss-margin-helpers 保证金助手。安装$ npm install postcss-margin-helpers [--...' ,' margin-bottom: 40px;' ,'}'] . join ( '' ) ) . first ;margin . top ( rule ) ; // 5pxmargin . right ( rule ) ; // 10px

    就业信息管理系统

    margin-bottom: 10px; background-color: #fff5ee; } table { margin-top:20px; padding-top:0px; margin-left:20px; padding-left:0px; } img { border:0px; } a { color: #0000ff; } a:hover { ...

    js分页效果2兼容FOX

    margin-bottom: 5px; line-height: 150%; background-color: #EEFFEE; text-align: center; } .paginator a, .thispage, .break { padding: 2px 4px; } .paginator .prev { margin-right: 20px; } ....

    CSS3响应式蛇形时间轴样式.zip

    代码片段: @media only screen and (max-width: 767px){ .main-timeline .timeline{ margin-top: 0;...margin-top: -30px;...margin-bottom: 20px; position: relative; transform: rotate(135deg); }

    网页制作代码+课程总结

    margin-bottom:0px; margin-left:auto; } #top{ padding-top:15px; height:90px; } #logo{ margin:0px; padding:0px; float:left; width:365px; text-align:right; } .pic{ vertical-align:middle; ...

    HTML5&CSS3网页制作:边距属性.pptx

    边距属性 边距属性 01 CSS的边距属性包括“内...margin-bottom:下外边距; margin-left:左外边距; margin:四边外边距; margin:5px /*四边外边距为5像素宽度*/ margin:5px 3px /*上下外边距为5像素,左右外边距为3像素*/

    软件测试管理工具QualityCenter插件大全

    margin-bottom:10px;margin-left:0px;font-family:微软雅黑;word-wrap:break-word;word-break:break-all;visibility:visible!important;zoom:1!important;filter:none;font-size:16px;colorant;margin-top:10px;...

    高校选课系统 源码 strcts2 spring

    高校选课系统 strcts2 spring ... &lt;html&gt; 高校选课系统首页 ... margin-bottom: 0px; } .STYLE1 {color: #FF0000} .STYLE3 {color: #FF0000; font-size: 9pt; } .STYLE7 {font-size: 9pt} --&gt; &lt;/style&gt;&lt;/head&gt;

    CSS常用属性的代码简化实例

    CSS代码简化在工作中是非常有益的... margin-bottom:1px; margin-left:1px; 代码简化为:margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; margin-left:2px; 代码简化为:margin:1px2px marg

    CSS教程:简化CSS中属性的示例

    在工作中编写CSS代码时,经常会...margin-bottom:1px;margin-left:1px;代码简化为:margin:1pxmargin-top:1px;margin-right:2px;margin-bottom:1px;margin-left:2px;代码简化为:margin:1px 2pxmargin-top:1px;margin

    CSS常用属性缩写实例

    CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的... margin-bottom:1px; margin-left:1px; 代码简化为:margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; 

    深入解析CSS中margin属性的使用

    即:margin-top、margin-right、margin-bottom、margin-left。外边距的 margin-width 的值类型有:auto | length | percentage也可以使用简写的外边距属性同时改变所有的外边距:margin: top right bottom left;(eg:...

    html 版 CSS中文速查手册

    bottom-styleborder-bottom-widthborder-leftborder-left-colorborder-left-styleborder-left-width 内容 Generated Content include-sourcequotescontentcounter-incrementcounter-reset 内补丁 Paddings ...

Global site tag (gtag.js) - Google Analytics