7.html

来自「《CSS完全使用详解》 源文件下载 书籍源码」· HTML 代码 · 共 57 行

HTML
57
字号
<html>
<head>
<title>CSS Demo</title>
<style>
body,table,tr,td { font-family: "Times New Roman", Times;
		font-size: 18pt; }
table { border-collapse: collapse; }
</style>
</head>

<body>
<table border="1" cellpadding="5">
<tr>
<th>关键字</th><th>效果</th>
</tr>
<tr style="font-weight: normal;">
<td>normal</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: bold;">
<td>bold</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: bolder;">
<td>bolder</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: lighter;">
<td>lighter</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 100;">
<td>100</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 200;">
<td>200</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 300;">
<td>300</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 400;">
<td>400</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 500;">
<td>500</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 600;">
<td>600</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 700;">
<td>700</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 800;">
<td>800</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 900;">
<td>900</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?