div做表格 html5,div+css制作表格

本章给大家介绍如何用div+css制作表格，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

html:

花名册：

序号
姓名
年龄

footer
footer
footer

1
John
19

2
Mark
21

3
Kate
26

css:ul{margin:0;padding:0;list-style:none;}

.table{display:table;border-collapse:collapse;border:1px solid #ccc;}

.table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}

.table-column-group{display:table-column-group;}

.table-column{display:table-column;width:100px;}

.table-row-group{display:table-row-group;}

.table-row{display:table-row;}

.table-row-group .table-row:hover,.table-footer-group .table-row:hover{background:#f6f6f6;}

.table-cell{display:table-cell;padding:0 5px;border:1px solid #ccc;}

.table-header-group{display:table-header-group;background:#eee;font-weight:bold;}

.table-footer-group{display:table-footer-group;}

以上就是用div+css制作表格的全部代码，大家可以自己动手试试。

div做表格 html5,div+css制作表格相关推荐

html ul做成表格,ul li css制作表格
实现方法:(利用div的ul和li列表标记打造类似表格效果) 我们首先分析一下如何制作:li是固定的宽度与高度(单元格),设置li在ul中浮动,当ul不够宽的时候,li就会自动另起一行排列(一行有多少 ...
html5电子相册在线制作,Html5+jQuery+CSS制作相册小记录
本文主要讲述采用Html5+jQuery+CSS 制作相册的小小记录. 主要功能点: Html5进行布局调用jQuery(借用官网的一句话:The Write Less, Do More)极大的简化 ...
Html设置表格撑开,【CSS】表格或div被撑开的解决办法
摘要:后台添加内容后才发现显示的页面被撑开,导致网页极度不美观.,现在潇湘在线把平时找到的防止表格或div被撑开的好方法总结归纳一下,和大家一起分享. 在我们设计网页的时候,总会遇到一些不愉快的事情, ...
html表格线条粗细,css 细线表格 css制作table细线表格常用属性
Css制作table细线表格 1.介绍了一个不常用属性:border-collapse:collapse; 2.使用了一个属性缩写技巧:border:style color;border-width: ...
html css做网页总结,学习CSS制作网页总结的一些经验
学习CSS制作网页总结的一些经验互联网发布时间:2008-10-17 19:28:20 作者:佚名我要评论让你使用DIV CSS排版不是让你用换个标签然后再去按照表格的方式去排版 ...
css表格排序,纯CSS实现表格排序-利用CSS 变量和Flexbox
1.引子今天闲逛知名前端资讯站Front-End Front,发现一个比较有意思的效果,给大家分享下,希望可以对大家有所启发. 纯CSS实现表格排序心急的同学,先看效果,我放在codepen上. ...
使用HTML5和CSS制作抖音动态首页
使用HTML5和css3制作一个抖音动态首页可以在谷歌.IE浏览器中显示动态视频播放,在火狐浏览器视频播放不显示抖音首页地址:https://www.douyin.com/ 3.代码如下: < ...
html中设置表格单实线,css实现表格实线的方法
css实现表格实线的方法发布时间:2020-08-21 14:46:18 来源:亿速云阅读:147 作者:小新这篇文章主要介绍了css实现表格实线的方法,具有一定借鉴价值,需要的朋友可以参考下. ...
html表格边框美化,CSS美化表格边框汇总与效果
用css美化表格边框1 2 3 4 5 6 7 8 9 ...

div做表格 html5,div+css制作表格

花名册：

div做表格 html5,div+css制作表格相关推荐

最新文章

热门文章