CSS学习Day05

设置外边距

<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
个人分类: Html CSS
上一篇CSS学习、Day04
下一篇CSS学习Day06
想对作者说点什么? 我来说一句

Oracle学习笔记——day05

2009年09月02日 32KB 下载

没有更多推荐了,返回首页

关闭
关闭