如图所示
<style>
div{ width: 50px; height: 50px; background: #f00; position:absolute;}
</style>
</head>
<body>
<script>
var len = 9
for(var i=0;i<len;i++){
if(i<5){
document.body.innerHTML+='<div style="left:'+i*50+'px; top:'+i*50+'px;"></div>'
}else{
document.body.innerHTML+='<div style="left:'+i*50+'px; top:'+(len-1 - i)*50+'px;"></div>'
}
}
</script>
可以通过更改len的大小来改变图形的长度