
div 标签怎么让边框显示
1个回答
展开全部
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实线黑色边框
示例:
<!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>
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实线黑色边框
示例:
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询