CSS 3图形之六边形_html-js-css

概述CSS 3图形之六边形

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<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>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的CSS 3图形之六边形全部内容，希望文章能够帮你解决CSS 3图形之六边形所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1096236.html