用< table>、< tr>、< td>表格标签编写课程表

最新推荐文章于 2022-11-17 09:56:48 发布

web-joker

最新推荐文章于 2022-11-17 09:56:48 发布

阅读量1.7k

点赞数 1

分类专栏： 2020 第二章

本文链接：https://blog.csdn.net/weixin_45943199/article/details/105441479

版权

表格编写课程表

接上篇文章，利用表格标签，设置属性，调节部分代码内容，粗略编写课程表。

下面展示一些 内联代码片。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>课程表</title>
	<style>
		table{
   table-layout: fixed;
		      height: 800px;
			  width:700px ;
			  line-height: 1.5em;
			  margin: auto
		}
		td{
   text-align:center}
		.num1{
   height:50px;
		      width:40px;
			 margin: auto
		}
		.num2{
   height: 70px;
		      width: 50px;
		      margin:auto
		}
	</style>
</head>   
<body bgcolor="#FFD200">	
<table bgcolor="#FFFFFF" border="5" cellspacing="5" cellpadding="2">	
	<caption>第8周<br>大二<br>第二学期</caption>
	    <tr align="center" valign="center">
		    <td><div class="num1">4<br>月</div></td>
			<td><div class="num1">周一<br>04/06</div></td>
			<td><div class="num1">周二<br>04/07</div> </td>
			<td><div class="num1">周三<br>04/08</div> </td>
			<td><div class="num1">周四<br>04/09&l

最低0.47元/天解锁文章

web-joker

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
用< table>、< tr>、< td>表格标签编写课程表

表格编写课程表接上篇文章，利用表格标签，设置属性，调节部分代码内容，粗略编写课程表。下面展示一些内联代码片。<!doctype html><html><head><meta charset="utf-8"><title>课程表</title> <style> table{table-layou...
复制链接

扫一扫