请教：首页中的一个栏目怎么如下图效果自定义？ [复制链接]

如下图效果：



其源代码：
     <!-- 公共服务 开始 -->
            <div class="ggfw wt370 fr">
                <div class="title">
                    <h2><a class="active" href="javascript:void(0);" target="_blank">公共服务</a></h2>
                    <a class="more" style="display:block;" href="./bsfw_71061/ggfw/" target="_blank">更多></a>
                </div>
                <div class="ggfw_list">
                    <ul>
                        <li><a class="ggfw01" href="http://wsbs.hunan.gov.cn/virtualhall/instance/bmbaseinfolistProvince.jsp?windowid=465170db-6308-44f9-8a27-510acec5c109&areaCode=439900000000" target="_blank">网上办事大厅</a></li>
                        <li><a class="ggfw02" href="http://222.247.40.2063/" target="_blank">湖南工业地理<br />信息系统</a></li>
                        <li><a class="ggfw03" href="http://61.187.56.43:9090/gyfx/" target="_blank">湖南工业运行<br />监测分析系统</a></li>
                        <li><a class="ggfw04" href="http://61.187.56.42080/sqgc/login.xhtml" target="_blank">“四千工程”项<br />目库管理系统</a></li>
                        <li><a class="ggfw05" href="javascript:void(0);">职称考试<br />报名系统</a></li>
                        <li><a class="ggfw06" href="http://113.247.255.156083/DbShenBao/login.jsp" target="_blank">中小企业专项<br/>资金管理系统</a></li>
                    </ul>
                </div>
            </div>
            <!-- 公共服务 结束 -->

原站地址：[url]http://www.hnjxw.gov.cn/[/url]
请教：要如何修改才可以达到如上效果，放到自己的网站中正常使用，谢谢！~~