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中的计数函数

css怎么改字体粗细

一步步教你使用css制作一个简单美观的导航栏(代码详解)

css盒模型是什么

js怎么替换css样式

聊聊css 与 js 是如何阻塞 dom 解析和渲染的

css中怎么给按钮添加背景图片(详解及实例)

css中行间距怎么设置

css居中对齐怎么设置

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




打赏

取消

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

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

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

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

评论

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