Designed Cards With CSS

href="default.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> var minSize = 8; function resizeCards(d) { var n; // Change the font size on the "card" style class. // DOM-compliant browsers. if (document.styleSheets[1].cssRules) { n = parseInt(document.styleSheets[1].cssRules[0].style.fontSize, 10); document.styleSheets[1].cssRules[0].style.fontSize = Math.max(n + d, minSize) + "pt"; // For NS 6.1, insert a dummy rule to force styles to be reapplied. if (navigator.userAgent.indexOf("Netscape6/6.1") >= 0) document.styleSheets[1].insertRule(null, document.styleSheets[1].cssRules.length); } // IE browsers. else if (document.styleSheets[1].rules[0]) { n = parseInt(document.styleSheets[1].rules[0].style.fontSize, 10); document.styleSheets[1].rules[0].style.fontSize = Math.max(n + d, minSize) + "pt"; } return false; } //]]></script>

Designed Cards With CSS

这是通过对扑克牌的了解，利用div+css技术，遵循w3c标准制作的扑克牌

通过下面的链接调整大小观看

小点? | 大点?

想了解更多请到 Mike Hall's homepage

10
♠

♠

♠

♠

♠

♠

♠

♠

♠

♠

♠

9
♥

♥

♥

♥

♥

♥

♥

♥

♥

♥

8
♣

♣

♣

♣

♣

♣

♣

♣

♣

7
♦

♦

♦

♦

♦

♦

♦

♦

6
♠

♠

♠

♠

♠

♠

♠

5
♥

♥

♥

♥

♥

♥

4
♣

♣

♣

♣

♣

3
♦

♦

♦

♦

2
♠

♠

♠

A
♥

♥

K
♣

♣

♣

Q
♦

♦

♦

J
♠

♠

♠