css中给加边框的问题

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

举报该文章

相关建议推荐于2017-10-15

有两种方法;
一是给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;}

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/22p8spqm8.html

其他看法

第1个回答 2013-05-21

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

第2个回答 2013-05-21

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

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

<div class="abc"></div>本回答被网友采纳

第3个回答 2013-05-21

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

第4个回答 2013-05-21

border:0px 1px 1px 1px

相似回答

大家正在搜