用纯HTML写一个凭证并打印

作者：System 时间：2024年08月07日分类：所有,html 字数：1390

要用纯HTML创建一个凭证并打印，你可以使用以下简单的HTML结构，并利用浏览器的打印功能来格式化和打印凭证。




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Credentials</title>
    <style>
        body {
            margin: 0;
            padding: 20px;
            font-family: Arial, sans-serif;
            font-size: 14px;
        }
        .credentials {
            width: 500px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #000;
        }
        .credentials h1 {
            text-align: center;
            margin-bottom: 20px;
        }
        .credentials p {
            margin: 5px 0;
        }
        .credentials .label {
            text-align: left;
        }
        .credentials .data {
            text-align: right;
        }
    </style>
</head>
<body>
    <div class="credentials">
        <h1>Credentials</h1>
        <p class="label">Name:</p>
        <p class="data">John Doe</p>
        <p class="label">Date of Birth:</p>
        <p class="data">01/01/1990</p>
        <p class="label">Issued By:</p>
        <p class="data">Authority Name</p>
        <p class="label">Issued On:</p>
        <p class="data">01/01/2023</p>
    </div>
    <script>
        window.print();
    </script>
</body>
</html>

将上述代码保存到一个HTML文件中，然后使用浏览器打开它。当你准备好打印时，直接使用浏览器的打印功能即可。这个简单的凭证会在打印时保持在一个500像素宽的中心框架内，并且使用黑色边框。你可以根据需要调整样式和内容。

用纯HTML写一个凭证并打印

评论已关闭

推荐阅读