只给定一个div,让其呈现出左边红色,右边蓝色

思路:

给盒子的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版权协议,转载请附上原文出处链接和本声明。