首页 > 代码库 > 分栏样式,瀑流流里的方块样式

分栏样式,瀑流流里的方块样式

<!DOCTYPE html><head><style>.wfc {left: -200px;top: 1000px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;}.pin {width: 236px;font-size: 12px;background-color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);}</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>纯CSS实现的波浪形菜单效果_脚本分享网</title><link rel="stylesheet" href="__ROOT__/Index/Tpl/tpl/dhcss/style.css" type="text/css" media="screen" /></head><body><div class="navi1"><ul><li class="sm1"><a href="http://sc.chinaz.com"></a></li><li class="sm2"><a href="http://sc.chinaz.com"></a></li><li class="sm3"><a href="http://sc.chinaz.com"></a></li><li class="sm4"><a href="http://sc.chinaz.com"></a></li><li class="sm5"><a href="http://sc.chinaz.com"></a></li></ul></div><HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1><div data-id="43460131" data-seq="43460131" data-source="weibo.com" data-created-at="1359428707" class="pin wfc "><img src="__ROOT__/Index/Tpl/tpl/dhcss/1.jpg" width="236" height="355" alt="Div采集到55"><p>我相信,真正在乎我的人,是不会被别人抢走的。无论是友情,还是爱情。——三毛</p></div></body></html>

分栏样式,瀑流流里的方块样式