html和css写一个课程表

最新推荐文章于 2023-09-17 20:12:36 发布
最新推荐文章于 2023-09-17 20:12:36 发布
阅读量659 收藏 5
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alt__/article/details/101015733
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			td{
				width: 100px;
				height: 60px;
				text-align: center;
			}
			th{
				border-collapse: collapse;
				width: 100px;
				height: 60px;
			}
			.td{
				text-align: left;
			}
		</style>
	</head>
	<body>
		<center>
		<table border="1" cellpadding="0" cellspacing="0" bordercolor="gray">
			
				<tr>
				<th colspan="8" bgcolor="lightgray">
					2017~2018学年第二学期课程表
				</th>
				</tr>
				<tr>
					<td bgcolor="greenyellow" >节次</td>
					<td bgcolor="lawngreen">星期一</td>
					<td bgcolor="lawngreen">星期二</td>
					<td bgcolor="lawngreen">星期三</td>
					<td bgcolor="lawngreen">星期四</td>
					<td bgcolor="lawngreen">星期五</td>
					<td bgcolor="pink">星期六</td>
					<td bgcolor="pink">星期日</td>
				</tr>
				<tr>
					<td rowspan="2" bgcolor="lightgray">上午</td>
					<td>语文</td>
					<td>数学</td>
					<td>音乐</td>
					<td>体育</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>数学</td>
					<td>语文</td>
					<td>美术</td>
					<td>化学</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td rowspan="2" bgcolor="lightgray">下午</td>
					<td>美术</td>
					<td>劳动</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>体育</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td bgcolor="lightgray">晚自习</td>
					<td>自习</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<td class="td" colspan="8" bgcolor="darkgreen ">注意:</td>
		</table>
		</center>
	</body>
</html>

效果：

Alt__
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML制作课表源代码
weixin_51763809的博客
09-19 6240
<!DOCTYPE html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>课表</title> </head> <body align="center"> <table align="center" border="1" ...
HTML简易课程表
weixin_62745383的博客
05-21 389
内容可自己修改 border表示边框 cellspacing表示间隙~
用HTML制作一个课程表
最新发布
2201_75650749的博客
09-17 1787
表格由行、列、单元格三部分组成：table（表格标记）、tr（行标记）、td（单元格标记）以上是简单的HTML表格用来展示一个星期的课程安排。表格使用了css样式来美化。
用html做简单课程表
asita666的博客
03-17 3878
用html创建一个课程表 网嵌191课表 <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td...
用HTML制作课程表
2301_79708809的博客
09-12 568
border-collapse:collapse ：表示折叠边框。<table> </table>：定义表格。<tr> </tr>：定义表格的行。<td> </td>：定义表格的列。border ：表格的边框宽度。text-align ：文本水平居中。用HTML制作一张简单的课程表。margin：外边距。
html+css的课程表设计
09-05
使用了html+css，界面可爱活泼，适合日常作业
html+css+js+JQuery前端开发课程
12-16
【HTML基础】 HTML（HyperText Markup Language...这个前端开发课程涵盖了HTML、CSS、JavaScript和jQuery的基础与进阶知识，旨在让学习者具备前端开发的基本能力，并理解在实际项目开发和面试中常见的重要概念和技术。
基于HTML+CSS+JS的美食网站设计
05-12
在Web程序设计的课程中，学生们被要求设计一个基于HTML、CSS和JavaScript的美食网站。这个项目旨在锻炼学生的实际操作能力，包括前端开发技能、文档编写规范以及问题解决技巧。下面将详细讨论这个设计的主要组成部分...
curriculo-renato:HTML和CSS课程
05-08
课程表HTML和CSS课程创建该项目以测试有关Git，HTML 5和CSS 3的概念。 在Heroku完成住宿。
HTML5+CSS3入门基础知识
12-29
HTML5+CSS3入门基础知识 HTML5 是下一代的 HTML 标准，旨在提高网页的可读性、可访问性和可维护性。CSS3 是最新的样式表语言标准，...通过本节课程，读者将掌握 HTML5 和 CSS3 的基础知识，并能够快速地创建一个网页。
html课程表页面
热门推荐
Sunday CSDN博客
11-26 1万+
效果图： html代码部分： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>课程表</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> </head><body background="im
利用Html和CSS做一张课程表
a1k2l45k的博客
05-14 1万+
一 思路 利用HTML和CSS的知识建立一个表格，然后对表格进行美化和相关的单元格合并处理 二 步骤 建立一个七行六列的表格 将第一列的第二行到第四行合并成一个单元格（rowspan） 将第一列的第五行到第七行合并成一个单元格 （rowspan） 在相应的单元格中填上时间和课程 三 注意点 一定要将要合并的单元格注销掉 四 代码片段 &lt;!DOCTYPE html&g...
html中table的使用（1）课程表
way_hj的专栏
03-18 5943
html中table的使用
html，css实现呼吸灯、课程表、个人简历
Azhangbiny的博客
11-17 362
1、html+css实现呼吸灯效果，如下图： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆</title> <style> div { box-sizing: border-box; } .content { width: 400px; height: 6
用HTML5 编写课程表界面
weixin_46439490的博客
03-07 958
下面是用HTML5 编写的一个课程表界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的课程表</title> <link rel="stylesheet" href="kcb.css" t...
用html5制作自己的课程表
weixin_43928264的博客
03-16 5358
用html5制作自己的课程表 当我们每个学期开始上课时，是不是总要登入一些网站或app才能找到自己的课程表呢？这里，我给大家展示怎样自己写属于自己的课程表，能够创建一个网页，并随时打开自己的课程表岂不美哉！ 首先，创建.txt文档，然后变更后缀名名为.html，即可创建一个空网页！(若电脑无法显示后缀名，请百度收索“电脑文件名后缀显示问题”) 然后，将下面的代码复制输入，改为自己的课程名称即可： ...
用HTML5编写一个课程表界面
DollyCat的博客
09-12 2330
方法：用li列表常见表格。 效果图如下 源代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的课程表</title> <style> body{ margin:0% auto; padding:0; background:#fff; t
简单网页课表制作
九天小牛
09-19 9664
效果图：    代码如下：  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;style type="text/css"&gt;body{background-size:cover}&lt;/style
用HTML写一个超级课程表页面
Mr_jianghanlin的博客
03-09 4845
用HTML写一个超级课程表页面 首先给大家展示一下效果图，他家可以根据自己的喜好，换成自己喜欢的颜色 看到这个图可以把它肯成一个大的表格来进行做，将一些单元格进行相应的合并就可以达到上面所期望的图片效果，然后在用css选择器进行颜色的修饰，最终可以达到上图的效果。 下面我来一起看下代码部分： <!DOCTYPE html> <html> <head> ...
用HTML和CSS写一个资源管理展示的页面
06-12
好的，我可以提供一个HTML和CSS的示例代码，来帮助你实现一个资源管理展示的页面。以下代码只是一个简单的示例，具体的布局和样式可以根据你的需求进行调整。 ```html <!DOCTYPE html> <html> 资源管理展示页面...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值