国产探花免费观看_亚洲丰满少妇自慰呻吟_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   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永城市| 板桥市| 郁南县| 梅河口市| 蒙自县| 门源| 兴业县| 灵川县| 黄梅县| 梓潼县| 隆子县| 和平区| 德保县| 彭州市| 叙永县| 忻城县| 绵竹市| 东至县| 巴林右旗| 隆尧县| 正定县| 祥云县| 信阳市| 平山县| 巢湖市| 永善县| 德化县| 梧州市| 山西省| 平乐县| 临潭县| 邯郸县| 扎兰屯市| 江北区| 临汾市| 河北区| 永修县| 旬邑县| 漳浦县| 宁陵县| 夏津县|