CSS是前端開發中不可或缺的技能之一，它可以被用于美化、布局和動畫。但是，CSS也可以用來生成二維碼，這是一個有趣的挑戰。

生成二維碼需要使用JavaScript庫，其中最受歡迎的是qrcodejs。雖然JavaScript庫可以輕松地生成二維碼，但是使用CSS來改變它們的樣式確實有些困難，但并不是不可能。

var qr = new QRCode(document.getElementById("qrcode"), {
text: "https://example.com",
width: 250,
height: 250,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});

通過上面的代碼片段，我們可以展示如何使用qrcodejs生成一個基本的黑色和白色的二維碼。要添加其他樣式，可以使用CSS來控制二維碼中的各個組件。

.qr-code {
width: 300px;
height: 300px;
background-color: #ffffff;
border: 1px solid #000000;
}
.qr-code div {
background-color: #000000;
}
.qr-code img {
width: 45%;
height: 45%;
position: absolute;
top: 27.5%;
left: 27.5%;
}

在上面的代碼中，我們定義了一個名為qr-code的樣式，該樣式定義了整個二維碼的大小和邊框。然后，我們使用另一組樣式來定義二維碼中的黑色和白色像素。最后，我們將其中一個像素的大小調整為45%，并將其放在中心。

生成二維碼可能并不是CSS的主要用途，但這是一個有趣的例子，可以展示CSS的強大效果。