如何用hbuilderx制作课程表

g计应1903郑文豪

于 2023-09-12 18:15:35 发布

阅读量1.5k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_64987016/article/details/132838002

版权

大家好，这是我的第一篇博客，分享我用html制作的课表

以下是代码运行结果

主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。

以下是源代码分享

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			table {
				border: 3px solid #ccc;
				border-collapse: collapse;
				margin: 0 auto;
				text-align: center;
			}

			td {
				border: 3px solid #ccc;
				height: 100px;
			}

			.a {
				background-color: skyblue;
			}

			.b {
				background-color: skyblue;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td></td>
				<td>星期一</td>
				<td>星期二</td>
				<td>星期三</td>
				<td>星期四</td>
				<td>星期五</td&

最低0.47元/天解锁文章

g计应1903郑文豪

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何用hbuilderx制作课程表

以上就是用html制作课程表的全部过程，代码中并没有注释，是因为我还是HTML新手小白的原因，所以还是在最后做一些说明吧。在style中定义的其实就是表格的单元格的大小。然后在body中，制作表格肯定少不了table这个标签，它就没有什么问题可以说的了，毕竟是个新手，暂时搞不出来什么大动作，就这样吧。主要用到的是绘制表格table，调整每个单元格的颜色，大小、以及合并情况，就成功了！我制作的稍微有点简陋，可以参考做的更美观。大家好，这是我的第一篇博客，分享我用html制作的课表。如有疑问，欢迎提问。
复制链接

扫一扫