关闭

CSS学习Day05

标签: css
26人阅读 评论(0) 收藏 举报
分类:

设置外边距

<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

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:357次
    • 积分:91
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档