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-
随机推荐
- javascript 在线文本编辑器实现代码
- vue实现移动端图片裁剪上传功能
- 详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
- java 学习笔记(入门篇)_程序流程控制结构和方法
- Oracle查看逻辑读、物理读资源占用排行的SQL语句
- linux环境apache多端口配置虚拟主机的方法深入介绍
- android Gallery组件实现的iPhone图片滑动效果实例
- 总结python爬虫抓站的实用技巧
- ASP基础入门第九篇(Global.asa文件的使用)
- c#一个定时重启的小程序实现代码第1/2页
- Mysql元数据如何生成Hive建表语句注释脚本详解
- javascript获取隐藏元素(display:none)的高度和宽度的方法
- ajax jquery校验用户是否已经注册演示代码
- T-SQL问题解决集锦 数据加解密全集
- javascript每日必学之继承
- C# WinForm实现窗体上控件自由拖动功能示例
- 详解如何使用Java编写图形化的窗口
- PHP正确配置mysql(apache环境)
- php nginx 实时输出的简单实现方法
- Hibernate映射文件id的generator配置方法