我怎样才能改变这张照片？我希望创建html网站地图

我来不了。 请帮帮我

before -> after

我怎样才能改变这张照片？我希望创建html网站地图

这是我的密码

<div class="sitemapcontainer">
<h1>Sitemap</h1>

<ul>
<li clas



<style>
.sitemapcontainer {max-width:1200px; width:100%; max-height:430px; height:100%;}
.sitemapcontainer ul {list-style-type:none;display:block;max-width:151px;width:100%;}
.lili {float:left; font-size:14px; border-bottom:1px solid #E7E7E7;width:100%; text-align:center; background-color:#F1F1F1;max-width:151px;width:100%;}
.lititle {text-align:center; background-color:#05508b;color:#ffffff;border-right:1px ;solid #ffffff;max-width:151px;width:100%;}
.lititle a {color:#ffffff;}
.litltle a:hover {text-decoration:none; color:#be1c21;}
</style>

网站地图

只需添加以下css：

.sitemapcontainer ul {
   float:left;
}



如果要自动调整，请使用此插件。
最简单的解决方案是使用CSS3列。它可以在大多数浏览器中使用，包括IE10+

.sitemapcontainer{
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

对于较旧的浏览器，可以使用多边形填充，例如：
哪张照片？这完全不清楚。如果柱的高度不相等，这就不起作用。见此：