首页 > 编程知识 正文

如何用html制作表格,如何用html写表格

时间:2023-05-05 05:01:27 阅读:229395 作者:1838

html用css美化表格的方法:首先创建一个HTML示例文件;然后在body中创建table表格;最后通过style标签给表格添加css样式即可。

本文操作环境:Windows7系统、HTML5&&CSS3、Dell G3电脑。

html如何用css美化表格?

下面通过示例来看看。

/*表格样式*/

table {

width: 90%;

background: #ccc;

margin: 10px auto;

border-collapse: collapse;

/*border-collapse:collapse合并内外边距

(去除表格单元格默认的2个像素内外边距*/

}

th,td {

height: 25px;

line-height: 25px;

text-align: center;

border: 1px solid #ccc;

}

th {

background: #eee;

font-weight: normal;

}

tr {

background: #fff;

}

tr:hover {

background: #cc0;

}

td a {

color: #06f;

text-decoration: none;

}

td a:hover {

color: #06f;

text-decoration: underline;

}

序号职位名称招聘人数工作地点有效时间职位描述1保安人员3至4人洞头2006.12.08

查看

2项目技术人员1人洞头2006.10.08

查看

3总经理助理1人温州2006.07.11

查看

效果图:

推荐:《css视频教程》

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。