<style>
div {position:relative; width:300px; height:50px; background-color:#bbb; padding:4px}
div:before {content:""; position:absolute; left:0; top:-2px; width:50%; height:2px; background-color:red}
</style>
<div>请看这个div的“上边框”是只有一半的</div>
本身是无法实现这样的要求的,但可以利用before或after伪类来“伪造”一个,当然这需要浏览器支持css3。