div+css模拟表格效果代码
DIV+CSS模拟表格效果 - by koyoz.com
* {margin:0;padding:0}
#main {margin:100px 0 0 200px}
#main ul {width:520px;height:165px;list-style:none}
#main li {border-left:1px solid #ccc;border-top:1px solid #ccc;float:left;width:102px;height:33px;text-align:center;line-height:33px}
#main li.b {border-bottom:1px solid #ccc}
#main li.r {border-right:1px solid #ccc}
- 11
- 11
- 11
- 11
- 11
- 11
- 11
- 11
- 11
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
div+css模拟表格效果代码
DIV+CSS模拟表格效果 - by koyoz.com * {margin:0;padding:0} #main {margin:100px 0 0 200px} #main ul {width:520px;height:165px;list-style:none} #main li {border-left:1px solid #ccc;border-top:1px solid #ccc;float:left;width:102px;height:33px;text-align:center
-
不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: 复制代码 代码如下: .r1{width:80px;height:80px;background:red;float:right; position:fixed !important; top/**/:200px; position:absolute; z-index:300; top:expression(offsetParent.
-
用CSS构建iframe效果代码
iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面. 2,要嵌一个页面,实现框架链接. 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用css布局来实现,即可以少一个页面,也可以提高效率. 第二种需求可以采用xmlhttp远程获取. A. 直接模拟iframe 用层做容器 #content { overflow:auto; height:200px; width:600px; background:#f00;} 效果演示
-
css图片切换效果代码[不用js]
纯css图切换 练习 教程来自snwebsite a{ display:block; border:1px solid #cccccc; width:20px; height:20px; margin:1px; } dl{ position:absolute; width:240px; height:170px; } dt{ position:absolute; right:1px; top:25px; } dd{ width:240px; height:170px; overflow:hidd
-
js+div实现图片滚动效果代码
横向 <div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();" onmouseout="doscroll()"> <div id="demo1" style="white-space:nowrap;padding:0;"
-
vbscript网页模拟登录效果代码
闲的蛋疼今天~ 电脑浏览器记住密码功能好蛋疼~有时候不好用~~登录CMCC-EDU的时候老是要输入帐号..看了看登录页面的网页源码~~撸起个Vbs脚本~读取配置文件,简单实现了自己登录CMCC-EDU,把帐号存在同级目录下就好.一行帐号,一行密码. 好久不用vbs~都忘记了快~~ '自动登录CMCC-EDU 'By:Seven 2014/2/25 On Error Resume Next Set WshShell = CreateObject("wscript.Shell") Set
-
js实现div拖动动画运行轨迹效果代码分享
本文实例讲述了js div拖动动画运行轨迹效果.分享给大家供大家参考.具体如下: 这是一款基于js实现的div拖动动画运行轨迹效果源码,是一款原生js div拖动效果制作鼠标拖动div动画运行轨迹效果代码.可以选择[记住轨迹]与[不记住轨迹]两种拖动显示模式,从而显示出不同的拖动效果. 运行效果图: -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能
-
DIV+CSS布局的网站对网站SEO的影响分析
符合XHTML标准DIV+CSS布局的网站,下面说说在SEO方面的影响. 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实.我的几项实验结果没有完全
-
比较详细的DIV+CSS布局网页对网站SEO的影响
SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名.DIV+CSS网页布局对SEO有哪些影响呢? 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量
-
用DIV+CSS如何实现这种表格效果
表格效果table [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 149px; height: 50px; list-
随机推荐
- 可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
- 详解Angular.js中$http拦截器的介绍及使用
- 用NodeJS实现批量查询地理位置的经纬度接口
- 易语言基础教程之简单的人机交互
- js实现倒计时效果(小于10补零)
- apache中访问不了伪静态页面的解决方法
- Android的Fragment的生命周期各状态和回调函数使用
- PHP之数组学习
- SVN无法提交出现 Can't set file "/db/txn_current" read-write :拒绝访问
- lua获取未来某时间点的时间戳解决方案
- jquery选择器使用详解
- 分享一个插件实现水珠自动下落效果
- javascript radio list的实现细节(多浏览器兼容)
- Android利用方向传感器获得手机的相对角度实例说明
- Python下载指定页面上图片的方法
- Symfony查询方法实例小结
- Ionic学习日记实现验证码倒计时
- Python cookbook(数据结构与算法)字典相关计算问题示例
- 安卓Android6.0权限动态获取操作示例
- spring mvc DispatcherServlet之前端控制器架构详解