border是div的边框，在div外面加边框
1、 border:10px solid black;//dashed
2、 border-top:10px solid black;
border-right:10px solid black;
border-bottom:10px solid black;
border-left:10px solid black;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head>
<title>布局03---border</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">
</script>
<style type="text/css">
#container{
width:1300px;
background:gray;
}
#header{
height:120px;
background:red;
}
#main{
height:600px;
background:green;
}
#left{
float:left;
width:900px;
height:600px;
background:pink;
}
.four{
float:left;
width:400px;
height:250px;
margin:15px ;
border:10px solid black;//dashed
background:purple;
}
#right{
float:right;
width:400px;
height:600px;
background:purple;
}
#footer{
height:120px;
background:yellow;
}
</style>
</head>
<body>
<div id=container>
<div id=header></div>
<div id=main>
<div id=left>
<div class=four></div>
<div class=four></div>
<div class=four></div>
<div class=four></div>
</div>
<div id=right></div>
</div>
<div id=footer></div>
</div>
</body>
</html>
6664
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
