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

HTML/CSS border

2015-09-01 11:23 555 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航