css教程:CSS边距margin属性的应用
TheCSSmarginpropertiesdefinethespacearoundelements. CSS的边距属性定义元素周围的空间范围 设置文字左边距Settheleftmarginofatext Thisexampledemonstrateshowtosettheleftmarginofatext. Examples实例: Source Code to Run [w
The CSS margin properties define the space around elements.
CSS的边距属性定义元素周围的空间范围
设置文字左边距 Set the left margin of a text
This example demonstrates how to set the left margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.leftmargin {margin-left: 2cm}
This is a paragraph with no margin specified
This is a paragraph with a specified left margin [www.fun52.com]
[ 可先修改部分代码 再运行查看效果 ]
设置文字右边距 Set the right margin of a text
This example demonstrates how to set the right margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.rightmargin {margin-right: 8cm}
This is a paragraph with no margin specified [www.fun52.com]
This is a paragraph with a specified right margin
[ 可先修改部分代码 再运行查看效果 ]
设置文字顶边距 Set the top margin of a text
This example demonstrates how to set the top margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.topmargin {margin-top: 5cm}
This is a paragraph with no margin specified [www.fun52.com]
This is a paragraph with a specified top margin
[ 可先修改部分代码 再运行查看效果 ]
设置底部边距 Set the bottom margin of a text
This example demonstrates how to set the bottom margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.bottommargin {margin-bottom: 2cm}
This is a paragraph with no margin specified
This is a paragraph with a specified bottom margin
第 1 2 页
CSS的边距属性定义元素周围的空间范围
设置文字左边距 Set the left margin of a text
This example demonstrates how to set the left margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.leftmargin {margin-left: 2cm}
This is a paragraph with no margin specified
This is a paragraph with a specified left margin [www.fun52.com]
[ 可先修改部分代码 再运行查看效果 ]
设置文字右边距 Set the right margin of a text
This example demonstrates how to set the right margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.rightmargin {margin-right: 8cm}
This is a paragraph with no margin specified [www.fun52.com]
This is a paragraph with a specified right margin
[ 可先修改部分代码 再运行查看效果 ]
设置文字顶边距 Set the top margin of a text
This example demonstrates how to set the top margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.topmargin {margin-top: 5cm}
This is a paragraph with no margin specified [www.fun52.com]
This is a paragraph with a specified top margin
[ 可先修改部分代码 再运行查看效果 ]
设置底部边距 Set the bottom margin of a text
This example demonstrates how to set the bottom margin of a text.
Examples 实例:
Source Code to Run [www.fun52.com]
p.bottommargin {margin-bottom: 2cm}
This is a paragraph with no margin specified
This is a paragraph with a specified bottom margin
第 1 2 页
- 上一篇:CSS常用缩写语法
- 下一篇:CSS text-align 文本对齐实例
精彩图集
精彩文章