导航
快车库
首页
编程
机器学习
Spark
Hadoop
Memcached
设计模式
ElasticSearch
Java
Scrapy
MongoDB
MySQL
Python
ASP.NET
休闲
花卉大全
养花知识
笑话
经管
标签
更新
用DIV+CSS如何实现这种表格效果
330 查看
表格效果table
<table bgcolor="#000000" border="0" cellpadding="0" cellspacing="1" width="500"> <tr bgcolor="#FFFFFF"> <td colspan="3" 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> <tr bgcolor="#FFFFFF"> <td height="50"> </td> <td height="50"> </td> <td height="50"> </td> </tr> </table>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
表格效果div+css
<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 全选 注:
如需引入外部Js需刷新才能执行
]
最近更新的内容
CSS Gradient详解
JS核心系列：浅谈 call apply 与 bind
JS核心系列：浅谈 原型对象和原型链
利用bootstrap的modal组件自定义alert，confirm和modal对话框
前端工程师是怎样一种职业
详解Javascript中的Object对象
JavaScript 开发最佳实践
谈笑风生组件化
彻底理解js中this的指向
javascript 作用域和 this 关键字
你可能感兴趣的文章
6本值得一读的JavaScript英文电子书
在JavaScript中一切都是对象吗？
使用 SVG 输出 Octicon
如何压缩 HTTP 请求正文
谈谈 HTTP/2 的协议协商机制
console对象–详解
HTTP 412 错误 – 先决条件失败 (Precondition failed)
CSS vs JS动画：谁更快？
调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
Web开发者色彩搭配快速指南
2024 - 快车库 - 我的知识库
重庆启连科技有限公司
渝ICP备16002641号-10
企客连连
表单助手
企服开发
榜单123
渝公网安备 50010702501581号
