边框的样式：
border-style：定义了10个不同的非继承样式，包括none
边框的单边框样式：
border-top-style
border-left-style
border-right-style
border-bottom-style
边框的宽度：
border-width
单边框：
border-top-width
border-left-width
border-right-width
border-bottom-width
边框颜色、边框的单边框颜色：
border-color
border-top-color
border-left-color
border-right-color
border-bottom-color
css3边框：
border-radius：圆角边框
box-shadow：边框阴影
border-image：边框图片
外边距合并：
外边距合并就是一个叠加的概念。
效果图
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="container">
<div class="bd">
<div class="pd">
<div class="content">Hello</div>
</div>
</div>
</div>
<div class="container1">
<div class="bd1">
<div class="pd1">
<div class="content1">Hello</div>
</div>
</div>
</div>
</body>
</html>
body{
margin:0;
}
.container{
margin: 50px;
}
.bd{
border-style: groove;
}
.pd{
padding: 10px;
}
.content{
background-color: blue;
}
.container1{
margin: 100px;
}
.bd1{
border-style: groove;
}
.pd1{
padding: 10px;
}
.content1{
background-color: blue;
}
div外边距合并的话，如果一个div的外边距是100px；一个外边距是50px；那么最终按照100px来进行合并。
1282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
