css怎么设置margin


本文摘自PHP中文网,作者藏色散人,侵删。

css设置margin的方法:首先创建一个HTML示例文件;然后在body中通过p标签定义一些文本内容;最后设置样式“p.margin {margin: 2cm 4cm 3cm 4cm}”即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

注释:允许使用负值。

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<html>

<head>

<style type="text/css">

p.margin {margin: 2cm 4cm 3cm 4cm}

</style>

</head>

 

<body>

 

<p>这个段落没有指定外边距。</p>

 

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

 

<p>这个段落没有指定外边距。</p>

 

</body>

 

</html>

效果;

阅读剩余部分

相关阅读 >>

css为什么会出现清除浮动的问题

深入浅析css属性选择器

firefox中css如何把图片变成灰色

css如何去掉滚动条样式

css3实现卡片效果

css如何使页面整体居中

css如何取消样式

css怎么设置上边框

css box-flex-group属性怎么用

css怎么设置鼠标光标形状

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...