您的位置：首页 > Web前端 > CSS

<div+css页面布局课堂笔记>2---页面布局的盒子模型

2016-03-26 16:13 836 查看
1.盒子的样式格式：

边框：border；

内部填充：padding;

外部边距：margin;

宽度：width；

高度：height。

例子：

<head>

<style>

.box {

border:1px solid blue;

width:300px;

height:300px;

padding:10px; 四边

/*

padding: 10px; 四边。

padding:10px 20px; 上下10px， 左右 20px。

padding:10px 20px 30px; 上10px 左右20px 下30px。

padding:10px 20px 30px 40px; 上右下左。

padding-top:

padding-left:

padding-bottom:

padding-right:

*/

margin-left:20px;

/*

margin:0 0 0 20px;上右下左

*/

}

</style>

</head>

<body >

<div
class="box">

我是谁？

我是谁？

我是谁？

</div>

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航