繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
AJAX相关
JavaScript
ASP编程
ASP.NET
正则表达式
CSS/HTML
PHP编程
JSP编程
编程10000问
脚本加解密
web2.0
XML/RSS
网页编辑器
相关技巧
黑客相关
网页播放器
其它综合
页面导航：
首页
→
网络编程
→
CSS/HTML
→ 正文内容
用DIV+CSS如何实现这种表格效果
发布：dxy 发布日期：
2006-9-24
字体：[
增加
减小
] 类型：转载
表格效果table
点击运行可以看到效果:
<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <tr bgcolor="#FFFFFF"> <td height="50" colspan="3"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> </table>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
表格效果div+css
点击运行可以看到效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style type=text/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-style-type: none; border-right:#000 1px solid; border-bottom: #000 1px solid; text-align: center; line-height: 50px; } </style> <div id="div1"> <ul> <li style="width: 449px;">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> </div>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
用DIV+CSS如何实现这种表格效果
百度中搜索更多的关于
用DIV+CSS如何实现这种表格效果
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
文章来源
0
顶一下
上一篇文章：
IE图片下空隙问题解决方法集合
下一篇文章：
html在线编辑器的更新[2006-05]
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
HTML技巧汇编
用标准件的方式来组装网页DIV布局-WEB标准
转载：On having layout
仿windows工具条样式
在IE中为abbr标签加样式
漂亮的表格
web标准布局实例教程，用定位轻松解决CSS
文字或图片元素在DIV中垂直居中
On having layout
div＋css布局入门
最 近 更 新
On having layout
HTML结构化：实践DIV＋CSS网页布局入门指
从豆瓣网站设计谈网站重构
用CSS实现表单form布局
如何以及何时使用sIFR
W3C标准：实时切换CSS样式
CSS做一个超链接的陷下效果
CSS滤镜参考
容器高度100%的绝对定位布局
CSS图片翻转菜单
热 点 排 行
用DIV+CSS如何实现这种表格效果
文字或图片元素在DIV中垂直居中
用js控制css的不错的方法
给图片加阴影效果的CSS
div+css排版的样例
如何设置网页的背景为透明
DIV_圆边圆角的实现
130个漂亮CSS布局站点参考
表格隔行换色 css expression
firefox样式表定义不支持cursor:
文章评论
共有 位脚本之家网友发表了评论我来说两句