条形码生成器

最新推荐文章于 2023-12-15 14:55:16 发布

ChaoGe6

最新推荐文章于 2023-12-15 14:55:16 发布

阅读量1.9k

点赞数 2

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/ChaoGe6/article/details/90374107

版权

这是一款HTML条形码生成器，支持A、B、C三种类型，可自定义条形码形状和内容，方便网页中插入条形码。

摘要由CSDN通过智能技术生成

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>条形码生成器by逊王之王</title>
<style type="text/css">
.barcode {
float: left;
clear: both;
padding: 0 10px; /*quiet zone*/
overflow: auto;
height: 0.5in; /*size*/
}

.right {
float: right;
}

.barcode + * {
clear: both;
}

.barcode div {
float: left;
height: 0.35in; /*size*/
}

.barcode .bar1 {
border-left: 1px solid black;
}

.barcode .bar2 {
border-left: 2px solid black;
}

.barcode .bar3 {
border-left: 3px solid black;
}

.barcode .bar4 {
border-left: 4px solid black;
}

.barcode .space0 {
margin-right: 0
}

.barcode .space1 {
margin-right: 1px
}

.barcode .space2 {
margin-right: 2px
}

.barcode .space3 {
margin-right: 3px
}

.barcode .space4 {
margin-right: 4px
}

.barcode label {
clear: both;
display: block;
text-align: center;
font: 0.125in/100% helvetica; /*size*/
}
/*** bigger ******************************************/
.barcode2 {
float: left;
clear: both;
padding: 0 10px; /*quiet zone*/
overflow: auto;
height: 1in; /*size*/
}

.barcode2 + * {
clear: both;
}

.barcode2 div {
float: left;
height: 0.7in; /*size*/
}

.barcode2 .bar1 {
border-left: 2px solid black;
}

.barcode2 .bar2 {
border-left: 4px solid black;
}

.barcode2 .bar3 {
border-left: 6px solid black;
}

.barcode2 .bar4 {
border-left: 8px solid black;
}

.barcode2 .space0 { <

最低0.47元/天解锁文章

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
条形码生成器

<!doctype html><html><head> <meta charset="utf-8"> <title>条形码生成器by逊王之王</title> <style type="text/css"> .barcode { float: lef...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。