div标签默认是不带边框,但是通过编辑CSS可以定义其边框。
1、border-left:1px solid #000 设置对象左边1px实线黑色边框
2、border-right:1px solid #000 设置对象右边1px实线黑色边框
3、border-top:1px solid #000 设置对象上边1px实线黑色边框
4、border-bottom:1px solid #000 设置对象底边1px实线黑色边框
5、border:1px solid #000 设置对象四边1px实线黑色边框
在border的样式中:使用 solid 表示实线,使用 dashed 表示虚线
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>边框宽度 在线演示 </title>
<style>
.div1,.div2,.div3{ width:300px; height:60px; margin-top:5px}
/*CSS注释说明:设置三个样式选择器相同属性*/
.div1{ border:2px solid #F00}
.div2{ border:4px dashed #F00}
.div3{ border:8px solid #F00}
</style>
</head>
<body>
<div class="div1">我被设置边框宽度2px实线边框</div>
<div class="div2">我被设置边框宽度4px虚线边框</div>
</body>
</html>
效果图如下: