CSS学习Day05

来源：互联网发布：数据分析工程师笔试题编辑：程序博客网时间：2024/05/21 09:57

设置外边距

<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>

这些值对应的依次为上右下左。

0 0