HTML中制作表头

2024-07-30 05:20:52 223人阅读

<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>webrx-title-QQ:7031633</title>
	<meta name="description" content="简介">
	<meta name="keywords" content="关键字">
	<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/index.css">
	<script src=""></script>
	</head>


	<body>
	<canvas id="myCanvas" width="300" height="300"></canvas>
	<script>
	var canvas = document.getElementById(‘myCanvas‘);
	var ctx = canvas.getContext(‘2d‘);
	ctx.fillStyle=‘#ff0000‘;
	ctx.fillRect(0,0,300,300);

	ctx.beginPath();
	ctx.moveTo(0,80);
	ctx.lineTo(300,300);
	ctx.strokeStyle="white";
	ctx.stroke();

	ctx.moveTo(100,0);
	ctx.lineTo(300,300);
	ctx.strokeStyle="white";
	ctx.stroke();

	ctx.font="20px 隶书";
	ctx.fillStyle = "green";
	ctx.fillText("星",180,50);
	ctx.fillText("期",230,130);
	</script>
	<hr>
	<table width="483" border="1" cellpadding="0">
	<tr height="100">
	<td width="92">
	<canvas id="m" width="94" height="98"></canvas>
	<script>
	var canvas = document.getElementById(‘m‘);
	var ctx = canvas.getContext(‘2d‘);
	ctx.fillStyle=‘#ffffff‘;
	ctx.fillRect(0,0,94,98);

	ctx.beginPath();
	ctx.moveTo(0,30);
	ctx.lineTo(94,98);
	ctx.strokeStyle="black";
	ctx.stroke();

	ctx.moveTo(35,0);
	ctx.lineTo(94,98);
	ctx.strokeStyle="black";
	ctx.stroke();

	ctx.font="20px 隶书";
	ctx.fillStyle = "green";
	ctx.fillText("星",60,30);
	ctx.fillText("期",230,130);
	</script>
	</td>
	<td width="92"> </td>
	<td width="277"> </td>
	</tr>
	<tr>
	<td> </td>
	<td> </td>
	<td> </td>
	</tr>
	<tr>
	<td> </td>
	<td> </td>
	<td> </td>
	</tr>
	</table>
	</body>
	</html>

HTML中制作表头

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们