运用多列布局做出的效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;padding: 0;}
body{
padding:0px 10px;
background:url(img/bg.gif),url(img/a.png) #3A434C;
background-size:30% 30%;
}
section{
column-count:5;/*分了5列*/
column-gap:0px;/*消除列间隔*/
}