全高左右边框,没有底边框

时间:2016-09-16 12:17:59

标签: css

我想在我的元素中有完整的左右边框高度,但我希望底边是透明的。

我目前使用它:

.graph {
  border: 1px solid #ddd;
  border-bottom-color: transparent; 
}

但结果是左边框和右边框缺少底部像素:

enter image description here

理想情况下,我希望我的graph标签元素具有全高度边框,因此我底部没有丢失那个丑陋的半像素。

我能做些什么吗?

3 个答案:

答案 0 :(得分:0)

尝试border-bottom-width: 0;完全删除底部边框。

答案 1 :(得分:0)

在一般border-bottom: none;设置

之后尝试border

答案 2 :(得分:0)

尝试border-bottom-style:hidden;完全隐藏底部边框。