我们都知道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.写三个值的话,第一个代表上边框,第二个代表左右边框,第三个代表下边框