|
padding属性就是内容与边框之间的空格，也叫做内边距；
border-radius：圆角边框 参数就是圆角半径
margin：属性就是页面与边框之间的空格，也叫做外边距；
border-style：边框样式
简单的盒子模型：
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="border">
<div id="content">
<div id="font">this is my first web</div>
</div>
</div>
</div>
</body>
</html>
CSS：
#container{
margin: 100px;
}
#border{
border-style: dashed;
color: crimson;
}
#content{
padding: 50px;
background-color: darksalmon;
}
#font{
background-color: chocolate;
color: aqua;
text-align: center;
}
|
扫一扫
09-17
402
402
09-16
1260
1260
09-19
411
411
09-12
633
633
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
