我们都知道html中div定义的是一个块，有时候我们需要给这个块增加一些边框来达到我们所需要的要求。
1.如何定义边框
如下所示我用css定义了这个边框的属性
<style>
.c{
width:100px;
height:100px;
border-width: 1px;
border-style: solid;
border-color: black;
}
</style>
<body>
<div class="c"></div>
</body>
这是效果图
边框的宽度用border-width:设置
边框的类型用border-style:设置
边框虚线样式：dashed
边框实现样式：solid
2.有时候我们会用到这个div块的某个边框而不是四个边框我们该怎么设置呢
上面提到了，边框的宽度用border-width设置，那我们把他的某个边的宽度设为0，不就达到我们的目的了嘛，例如：
<style>
.c{
width:100px;
height:100px;
border-width: 0px 0px 1px 0px ;
border-style: solid;
border-color: black;
}
</style>
<body>
<div class="c"></div>
</body>
我把border-width设为了0px 0px 1px 0px ;
注：1.这代表了div边框的四个边，顺序为上右下左，按顺时针
2.如果写两个值，第一个代表上下边框的值，第二个则代表左右边框的值
3.写三个值的话，第一个代表上边框，第二个代表左右边框，第三个代表下边框
1124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
