CSS样式里外边距怎么写的
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS样式里外边距怎么写的相关的知识，希望对你有一定的参考价值。
设置标签外边距为10px：margin:10px;设置标签内边距为10px：
padding:10px;
也可以以四个值来分别设置标签上下左右的边距值，顺序为：上 右 下 左
margin:10px 20px 10px 20px;
padding:10px 20px 10px 20px;
还可以分开设置：
上：margin-top 、padding-top
右：margin-right 、padding-right
下：margin-bottom 、padding-bottom
左：margin-left 、 padding-left 参考技术A <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>八桂金融</title>
</head>
<style type="text/css">
body margin: 0;overflow: hidden;
.box height: 300px;
.num height: 200px;width: 200px;background: rgba(255, 255, 255, 0.5);padding:64px 32px 16px 8px;/*上右下左外边距*/
.inboxbackground:rgba(250,128,10,0.5);height: 100%;width: 100%;
</style>
<body>
<div class="box" style="background: url(http://pic1.win4000.com/wallpaper/6/578855acae491.jpg);">
<div class="num">
<div class="inbox">
橙色的方块有box的长宽<br>方块外的白色为box的外边距
</div>
</div>
</div>
</body>
</html> 参考技术B margin，后面可以加-上下左右。然后冒号后面是多少PX(像素), 参考技术C margin：上 右 下 左 ；
margin-top:像素大小；等等
内边距、边框和外边距（三）
参考技术A 元素内边距是指元素内容与边框之前的空间，以 padding 关键字声明，其值可以是 1-4 个带单位或者百分比长度：元素的背景色会延伸到内边距中。
如果内边距值设置为百分比，那么其值会基于父级元素的宽度来计算获取。
如果只想设置单边或者固定几边，那么可以使用 padding- 加位置的方式来声明，下面两个样式的内边距效果是一致的：
以上是关于CSS样式里外边距怎么写的的主要内容，如果未能解决你的问题，请参考以下文章