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

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

时间: 2024-10-17 21:31:18

分栏样式,瀑流流里的方块样式的相关文章

WORD里怎样能做到局部“分栏”就是一页里有的分有的不分

选中你要分的部分再分栏如果不想分的部分也被分了,那就可以选中不想分的那部分,选择“分栏”->“一栏” 转自:http://zhidao.baidu.com/question/9873268.html?qbl=relate_question_0&word=word%20%B7%D6%C0%B8%20%D6%D0%B6%CF&optimi=4

一个简单分栏的样式

文件结构 这里作为演示我把html.css,图片它们都放一起了. 简短的代码实现分栏博客页面 html页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

导航状态栏(UINavigationBar)和分栏状态栏(UITabBar)

//*************导航状态栏(UINavigationController)*************** 1.在导航控制器中,所有的子视图控制器共用一个导航状态栏 UINavigationBar *navBar = self.navigationController.navigationBar 2.可设置导航栏的显示风格 navBar.barStyle = UIBarStyleDefault; 3.可设置导航栏的不透明度,默认为YES(不透明) //如果设置为透明,则子视图的左上角

bootstrap实现分栏选择性显示和折叠效果

bootstrap为我们提供了非常丰富的js插件和css样式,如何运用bootstrap来实现分栏选择行显示和折叠效果,如下所示: 1.分栏显示 <!doctype html> <html> <head> <!--导入bootstrap样式--> <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"&

ActiveReports 报表应用教程 (4)---分栏报表

原文:ActiveReports 报表应用教程 (4)---分栏报表 在 ActiveReports 中可以实现分栏报表布局样式,可以设置横向分栏.纵向分栏,同时进行分栏和分组设置,统计分栏分组的小计.合计等.在商业报表系统中常见的分栏报表有商品标签.员工工卡.条码打印等.本文主要讲解如何在 ActiveReports 中实现横向分栏.纵向分栏和分组分栏报表. 1.横向分栏报表 1.1.在 ASP.NET 应用程序中添加一个名为 rptAcrossDown.cs 的 ActiveReports

Word 2003中有关分栏的常见问题集锦

我把自己备课和讲课过程中遇到的有关分栏的诸多问题集中于此,有兴趣的朋友可以一起讨论.如果你提出相关的问题,我会尽力给出回答. 1 分栏符是否可以当软分页符使用? 2 同一页面上能否实现不同的分栏块? 3 能否实现跨页分栏? 4 能否实现栏中栏? 5 分栏与打字的先后顺序?先选文字后分栏和先分栏后打字. 6 分栏后的段落调整技巧有哪些? 7 如何给纵向文字分栏? 8 去除分栏的哪些方法? 9 回车符在分栏中的影响? 10 文本框里的文字能否使用分栏? 11 表格里的文字能否使用分栏? 12 能否实

html5中不同内核与分栏的综合应用

在现在的html5和CSS3中有许多新增的内容,作为前端,我感觉用的最多的就是兼容问题与分栏布局了,如果把兼容与分栏布局混合应用,会让我们很快做一些瀑布流之类的网站,以少的代码做多的是,提高工作效率,但有些新的特性还不能在每个浏览器上都适应. 图1(谷歌浏览器): 图2(移动端): 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><

ListView分栏--制作分栏音乐列表

之前我遇到过这样的需求,要求在ListView中按时间对数据分栏,当时的做法是在每个ListView的item中加入时间栏的布局,然后在代码中控制时间栏 的显示与隐藏. 但其实重写Adapter两个方法后就可以完成这个任务,当ListView中带有不同布局的时候,可以根据itemType来加载不同的布局. int getItemViewType(int position) 返回指定position的itemView的viewType,用于加载不同布局.此方法必须返回0到getViewTypeCo

Sublime Text 3运行程序以及分栏快捷键的设置

Sublime Text 3软件由于每次运行程序都要执行:Tools -> SublimeREPL -> Python -> RUN current file 菜单有点麻烦,所以现在可以考虑给他创建个快捷键 依次点击:perferences ------ key bindings user,将下列代码粘贴 {"keys":["f2"],"caption": "SublimeREPL: Python - RUN curr