纯CSS绘制的六边形
代码如下:
<html>
<head>
<title>Draw Hive</title>
</head>
<style type="text/css">
.hexagon {
display: inline;
float: left;
}
#second {
margin-left: 4px;
}
#third {
clear: left;
margin-left: 54px;
margin-top: -28px;
}
.hiveTop{
width: 0;
border: 30px solid #6C6;
border-top: none;
border-bottom: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}
.hiveCenter {
width: 104px;
height: 60px;
background-color: #6C6;
}
.hiveBottom {
width: 0;
border: 30px solid #6C6;
border-bottom: none;
border-top: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}
</style>
<body>
<div id="first">
<div>
</div>
<div>
</div>
<div>
</div>
</div>
<div id="second">
<div>
</div>
<div>
</div>
<div>
</div>
</div>
<div id="third">
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</body>
</html>
- 口语入门:如何教育孩子让我大伤脑经
- 口语入门:我正在找一只隐形眼镜
- 口语入门:你从窗户跳下去多傻呀
- 口语入门:孩子也有自己的感情
- 口语入门:隔壁那条街上有枪战
- 口语入门:我不知道如何去教育儿子
- 口语入门:我想把花瓶放在架子上
- 口语入门:我搬不动那个重箱子
- 口语入门:我搬不动那个重箱子
- 口语入门:你能帮我搬下这些书吗
- 口语入门:爸爸能买个新相机给我么
- 口语入门:讨论是否养宠物Keeping Pets
- 口语入门:遛鸟Pet Bird
- 口语入门:我想领养一只小猫
- 口语入门:在家乡教堂结婚我都准备好了
- 口语入门:吃了七斤水饺太撑了
- 口语入门:我的马克杯怎么会在外面的垃圾袋里
- 口语入门:跟你妈妈多拿些旧照片
- 想看看你要出租的房子
- 口语入门:美容保健Having the hair dyed
- 口语入门:我该搭哪趟地铁
- 口语入门:房子装修得好吗
- 口语入门:你认为我的车怎么样
- 口语入门:冬虫夏草 Cordyceps
- 口语入门:预约就医Seeing the doctor
- something/nothing to shout about
- something-nothing-to-shout-about
- something or other
- something-or-other
- something rears its (ugly) head
- something remains to be seen
- something rings a bell
- something runs in someone’s family
- something slips through your fingers
- something slips your mind
- 低俗
- 低偿
- 低八度
- 低凹
- 低切
- 低劣
- 低压
- 低压槽
- 低吟
- 低哑
- 关于稻草人读后感600字
- 中国现代童话《稻草人》读后感
- 《寻找黑骑士》读后感范文10篇
- 2023读《艾青诗选》后的感悟
- 《艾青诗选》读后感600字
- 《艾青诗选》读后感
- 读《艾青诗选》有感
- 《浪漫鼠德佩罗》读后感范文
- 《艾青诗选》读后感心得
- 《艾青诗选》读后感作文750字