border-top: 1px solid #f00; border-right: none; border-bottom: none; border-left: none;
有时候,大家只想在页面中显示一个元素的上边框,而其他边框不需要显示。只需要使用CSS属性border-top来定义元素的上边框,并将其他边框设置为none即可。并且,大家可以通过border-top-color来控制上边框的颜色。
例如,大家可以用下列CSS代码来实现只有上边框红色的效果:
border-top: 1px solid #f00; border-right: none; border-bottom: none; border-left: none;
注意,当使用border-top时,大家必须同时设置其他三条边的border属性为none,才能达到只显示上边框的效果。