CSS3 边距

外边距

外边距是元素与元素之间的距离。

<div style="width: 100px; height:100px; background: #90aeff; margin20px;"></div>

<!-- margin: 20px; 元素四边同其他元素保持 20px 的距离 -->

<!-- 设置单独某一边的距离 -->
<!-- margin-top 上 / margin-right 右 /  margin-bottom 下 /  margin-left 左 -->
<!-- margin: 上 右 下 左; 简写形式 -->

效果


内边距

内边距是元素内部离边框的距离。

<div style="width: 100px; height: 100px; border: 1px solid #90aeff; padding: 20px;"> Hello </div>

<!-- padding 的语法同 margin -->

效果

Hello !
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程