首页 > 代码库 > DIV CSS 绘制风车
DIV CSS 绘制风车
我得说,CSS和DIV是个有趣的东西。
由于脑袋一无聊,突然想,画个DIV风车怎么样,于是就画了一个。
border的风格可以自主选择。
上代码:
<style>*{margin:0px;padding:0px;}.we{border-left:5px double red;border-right:5px dotted green;border-top:5px solid #3333FF;border-bottom:6px groove #FF9900;width:500px;height:300px;margin:0 auto;}#ftop{margin-left:100px;margin-right:0px;width:100px;height:200px;background-color:#FF0000;}#fright{margin-left:200px;margin-top:-100px;width:200px;height:100px;background-color:#FFFF66;}</style><div class="we">different border</div><br/><div><!-- first part--><div id="ftop">up</div><div id="fright">right</div></div><style>#fleft{margin-left:0px;margin-right:0px;width:200px;height:100px;float:left;background-color:#0099CC;}#fdown{margin-left:200px;margin-top:0px;width:100px;height:200px;background-color:#66FF00}</style><div><!--second part--><div id="fleft">left</div><div id="fdown">down</div></div>
<style></style>
different border
up
right
left
down
DIV CSS 绘制风车
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。