您的位置：首页 > Web前端 > CSS

CSS学习Day05

2017-01-03 22:09 302 查看

设置外边距

<html>
<head>
<style type="text/css">
p.leftmargin {margin-left: 2cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="leftmargin">这个段落带有指定的左外边距。</p>
</body>
</html>


我们可以使用margin-left设置左边距，在这里我们依旧可以使用cm、px、%这些单位来设置。

同理，还有margin-right、margin-top、margin-bottom这些属性来设置上下左右的边距值。

当然我们也可以把所有的属性都写在一起如：

<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
相关文章推荐
新的分享
章节导航