久久资源网

css3蜂巢网格六边形布局

css3蜂巢网格六边形布局

2019-07-25 00:42:37 CSS3实例

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

css3蜂巢网格六边形布局

css3属性制作的六边形的蜂巢网格布局,可用于图文列表布局。这是一款创意的蜂巢网格样式代码。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css"/>

2、body引入部分

<ul class="list">
  <li class="list-item">
    <div class="item-inside"> List item1 </div>
  </li>
  <li class="list-item">
    <div class="item-inside"> List item2 </div>
  </li>
  <li class="list-item">
    <div class="item-inside"> List item3 </div>
  </li>
</ul>

资源出处:https://www.moyublog.com/codes/200.html

关注微信