<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 1200px;
height: 100px;
margin:10px auto;
background:linear-gradient(
135deg,
black 0%,
black 10%,
white 10%,
white 20%,
black 20%,
black 30%,
white 30%,
white 40%,
black 40%,
black 50%,
white 50%,
white 60%,
black 60%,
black 70%,
white 70%,
white 80%,
black 80%,
black 90%,
white 90%,
white 100%
);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
![](https://img-blog.csdn.net/20170727202817916?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemJxNzY0NTIyNTMz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)