普通发票（增值税专用发票）html+css

最新推荐文章于 2024-09-25 13:55:07 发布

月小满

最新推荐文章于 2024-09-25 13:55:07 发布

阅读量4.7k

点赞数 9

分类专栏：前端css

本文链接：https://blog.csdn.net/weixin_44110923/article/details/118218458

版权

因业务需要，将新版发票样式呈现出来。效果如下：

废话不多说，直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式模板</title>
    <link rel="stylesheet" href="invoice.css">
</head>
<body>
    <div class="toptip c-red">模板样式仅供参考，不可用于实际开票依据！</div>
    <div class="invoicMain">
        <!-- head start -->
        <div class="invoiceHeader">
            <div class="headerLeft">
                <div>
                    <img src="qrcode.png" width="83" height="83" alt="">
                </div>
                <div>
                    <p class="c-red">3700194130</p>
                    <p class="c"><label>机器编号：</label><br><span>499098532085</span></p>
                </div>
            </div>
            <div class="headerMiddle">
                <h1>增值税专用发票</h1>
                <div class="line"></div>
            </div>
            <div class="headerRight">
                <p><strong>№</strong><span class="c-red">35891172</span></p>
                <p>3700194130</p>
                <p>35891172</p>
                <p><label>开票日期：</label><span>2021年06月07日</span></p>
            </div>
        </div>
        <!-- head end -->
        <!-- invoice body start -->
        <div class="invoiceBody">
            <div class="userInfo">
                <div class="buy">购买方</div>
                <ul>
                    <li>
                        <label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span>
                    </li>
                    <li>
                        <label>纳税人识别号：</label><span class="f-big">913564523096023930</span>
                    </li>
                    <li>
                        <label>地址、&nbsp;电话：</label><span class="f-small">济南市槐荫区经十路4214209号 0531-85094547</span>
                    </li>
                    <li>
                        <label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行 6225885410839945</span>
                    </li>
                </ul>
                <div class="password">密码区</div>
                <div class="pwdInfo"><span class="f-big">0357+39177127583965+0*13>3>0<><22908-+<+03*<-84>40><3<64-076746-2+2082*9112+057188/07-2

最低0.47元/天解锁文章