思路：
给盒子的boeder-left和border-right设置相应属性，让其分别显示红色和蓝色，还要给div设置一个height，代码如下：
<!DOCTYPE html >
<html>
<head>
<style>
.half{
height: 50px;
width: 0px;
border-left: 50px solid red;
border-right: 50px solid blue;
}
</style>
</head>
<body>
<div class='half'>
</div>
</body>
</html>
效果图：
版权声明：本文为qq_33323251原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。