国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

實例教程 一款純css3實現的數字統計游戲

2024-07-11 08:30:21
字體:
來源:轉載
供稿:網友

  今天給大家分享一款純css3實現的數字統計游戲。這款游戲的規則的是將所有的數字相加等于72。這款游戲的數字按鈕做得很美觀,需要的時候可以借用下。一起看下效果圖:

  實現的代碼。

  html代碼:

XML/HTML Code復制內容到剪貼板
  1. <h1>           CSS Counter Game</h1>  
  2.     <section>           <h2>  
  3.             Pick the numbers that add up to 72:</h1>               <input id="a" type="checkbox"><label for="a">64</label>  
  4.             <input id="b" type="checkbox"><label for="b">16</label>               <input id="c" type="checkbox"><label for="c">-32</label>  
  5.             <input id="d" type="checkbox"><label for="d">128</label>               <input id="e" type="checkbox"><label for="e">4</label>  
  6.             <input id="f" type="checkbox"><label for="f">-8</label>               <span class="sum"></span>  
  7.     </section>  

  css3代碼:

CSS Code復制內容到剪貼板
  1. body            {   
  2.             countercounter-reset: sum;            }   
  3.                     #a:checked   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 亚东县| 剑川县| 遵义县| 左云县| 曲水县| 安康市| 临洮县| 彰化县| 北安市| 柳河县| 开平市| 竹山县| 泰宁县| 灵石县| 庆云县| 东山县| 涞水县| 伊吾县| 齐齐哈尔市| 山东省| 莱阳市| 油尖旺区| 水富县| 曲麻莱县| 安徽省| 宁都县| 安吉县| 屏南县| 南丰县| 桐乡市| 旬邑县| 仪陇县| 宜昌市| 桦甸市| 白河县| 阜南县| 万载县| 阿拉善盟| 佳木斯市| 枝江市| 读书|