HTML5 CSS3蜂巢（六边形）形状的页面布局模板 - 踏得网

Honeycomb Bio Page，头像使用randomuser随机用户头像在线服务。可用于用户照片墙活动页面或者团队成员展示页面。

css3, hexagon, template

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 7335
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<main>
    <h1>Our Team</h1>
    <ul>
        <li><img src="https://randomuser.me/api/portraits/women/18.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/2.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/3.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/4.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/5.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/6.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/7.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/8.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/9.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/10.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/11.jpg">
        </li>
        <li><img src="https://randomuser.me/api/portraits/women/12.jpg">
        </li>
    </ul>
</main>