使用方法
- 打开“表格”标签页构建表格，或打开“盒阴影”标签页制作阴影。
- 对于表格，设置行数和列数、表格宽度和边框粗细。对于阴影，移动偏移、模糊和扩展滑块。
- 查看预览，然后使用代码块上方的复制图标。
“表格”标签页会创建一个带有表头行的 HTML 表格，正文的行数和列数由你设定。表头单元格填充类似 Header 1 的文字，正文单元格填充类似 Cell 1-1 的文字，你可以替换为自己的内容。宽度字段接受任何 CSS 宽度值，默认为 100%，边框字段以像素设置边框粗细。复制出的代码以一个名为 gen-table 的类的 style 块开头，其中设置了合并边框、单元格内边距、带底色的表头、条纹偶数行和悬停颜色，后面是表格标记。
“盒阴影”标签页输出单个 box-shadow 声明。你可以控制水平偏移和垂直偏移（-50 到 50 px）、模糊半径（0 到 100 px）、扩展（-50 到 50 px）、以 CSS 颜色值表示的阴影颜色，以及用于内阴影的 inset 选项。默认颜色是浅色的透明黑色。预览框会随着你移动滑块而更新。
两个标签页都在带有复制按钮的代码块中显示代码。行数和列数至少为 1，边框值至少为 0。
代码在你的浏览器中生成，不会上传任何内容。
常见问题
表格自带样式吗？
是的。输出包含 gen-table 类的 style 块，其中有边框、内边距、带底色的表头、条纹行和悬停颜色。你可以编辑或删除它。
我可以合并单元格或添加标题吗？
不可以。生成器生成的是带有一行表头的普通网格。如需更多功能，请编辑复制出的标记。
阴影中的扩展值有什么作用？
它在模糊之前放大或缩小阴影。正值使其变大，负值使其变小。
我可以做内阴影吗？
可以。勾选 inset 选项，输出的末尾会带有 inset 关键字。
我的输入会被发送到别处吗？
不会。代码在你的浏览器中构建。