<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css画网格</title>
<link rel="stylesheet" href="http://wow.techbrood.com/css/normalize.css">
<style type="text/css">
body {
background-image:
linear-gradient(0deg, transparent 14px, rgba(204, 204, 204, .2) 14.5px, rgba(204, 204, 204, .2) 15px, transparent 15.1px, transparent 29px, rgba(204, 204, 204, .2) 29.5px, rgba(204, 204, 204, .2) 30px,transparent 30.1px, transparent 44px, rgba(204, 204, 204, .2) 44.5px, rgba(204, 204, 204, .2) 45px, transparent 45.1px, transparent 59px, rgba(204,204,204, .8) 60px),
linear-gradient(90deg, transparent 14px, rgba(204, 204, 204, .2) 14.5px, rgba(204, 204, 204, .2) 15px, transparent 15.1px, transparent 29px, rgba(204, 204, 204, .2) 29.5px, rgba(204, 204, 204, .2) 30px,transparent 30.1px, transparent 44px, rgba(204, 204, 204, .2) 44.5px, rgba(204, 204, 204, .2) 45px, transparent 45.1px, transparent 59px, rgba(204,204,204, .8) 60px);
background-size:60px 60px;
}
</style>
</head>
<body>
</body>
</html>
原文：http://www.cnblogs.com/zxy562323273/p/5082122.html