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-
随机推荐
- 获取Django项目的全部url方法详解
- JS中type="button"和type="submit"的区别
- iOS中只让textField使用键盘通知的实例代码
- Oracle数据库及应用程序优化开发者网络Oracle
- 浅析Oracle中char和varchar2的区别
- bootstrap滚动监控器使用方法解析
- 详解在Docker容器内外互相拷贝数据的方法
- MySQL学习笔记4:完整性约束限制字段
- Android利用GridView实现单选功能
- PHP实现的随机红包算法示例
- VBS教程:函数-数学函数
- IIS是什么 iis是用来做什么的?
- 找回SQL企业管理器里的SQL连接的密码的方法
- C++ 简单实现MFC ListControl 点击列头排序
- javascript中"/"运算符常见错误
- Android自定义View中Paint、Rect、Canvas介绍(一)
- PHP简单数据库操作类实例【支持增删改查及链式操作】
- 两个MySql服务的应用
- Angular实现的table表格排序功能完整示例
- golang常用手册之切片(Slice)原理