Question

css中给加边框的问题

想给一个块（div）只设置三面边框，上边不要边框，怎么实现呢？

Answer 1

有两种方法;
一是给div设置全部边框再隐藏上边框
div{border:1px solid #000; border-top:none;}

二是分别给左右下写边框
div{border-left:{1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}

要是你三边的边框样式一致的话建议用第一种,不一致的话用第二种,方便单独设置每个边框样式

Answer 2

div{border:1px solid red;border-top:none;}
前面的boder:1px solid red 是将4条边全部设置1px边框，
border-top：none的意思就是在将上边的边框样式去除，最后就达到3面边框的效果了。

Answer 3

PS：先加边框，然后让某个边框不显示就可以了，代码如下。

<style>
.abc { width:100px; height:100px; border:1px solid #F00; border-top:none;}
</style>

<div class="abc"></div>

Answer 4

.bor{border:0px 1px 1px 1px}
依次是上，右下左

Answer 5

border:0px 1px 1px 1px