今天我们来学习一下CSS中两个框之间的距离问题。在CSS中,有三种方式可以设置两个框之间的距离,分别是margin、padding和border。 首先,让我们来看看margin,它可以设置元素与周围
p { margin: 10px; /* 该元素四周的margin都为10px */ margin-top: 10px; /* 该元素顶部的margin为10px */ margin-bottom: 10px; /* 该元素底部的margin为10px */ margin-left: 10px; /* 该元素左侧的margin为10px */ margin-right: 10px; /* 该元素右侧的margin为10px */ }
p { padding: 10px; /* 该元素所有内侧padding值为10px */ padding-top: 10px; /* 该元素顶部内侧padding值为10px */ padding-bottom: 10px; /* 该元素底部内侧padding值为10px */ padding-left: 10px; /* 该元素左侧内侧padding值为10px */ padding-right: 10px; /* 该元素右侧内侧padding值为10px */ }
p { border: 1px solid #000; /* 该元素的边框为1px粗的黑色 */ }
粉丝
0
关注
0
收藏
0