表格设置 生成

原创 2019-06-15 00:03:34 376
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html课程学习第五课-表格的学习应用方法</title> <link rel="shortcut icon" type="image/X-icon&quo

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>html课程学习第五课-表格的学习应用方法</title>

<link rel="shortcut icon" type="image/X-icon" href="image/logo2.png">

<link rel="stylesheet" type="text/css" href="css/indexp.css">

<style type="text/css">

table{height: 100px;border: 1px solid #ccc;border-collapse: collapse;}

    tr td{height: 100px;border: 1px solid #ccc;width: 100px;}

tr th{height: 100px;border: 1px solid #ccc;width: 100px;}

</style>

</head>

<body>

<table>


<tr>

<th>1</th>

<th>2</th>

<th>3</th>

<th>4</th>

</tr>

<tr>

<td colspan="4">合并列</td>

</tr>

    <tr>

<td rowspan="3">合并行</td>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

<tr>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

<tr>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>





</table>






</body>

</html>


批改老师:查无此人批改时间:2019-06-15 09:14:01
老师总结:完成的不错。很多写好的样式,可以保存下来,留着以后用。继续加油。

发布手记

热门词条

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号