回胴式遊技機技術研究 J-Slot Amusement Specification

アミューズメント仕様パチスロの日々

CSSでHTML上にボタンスイッチを作る

2020-11-28 17:44:50 | 日記

CSSとは Cascading Style Sheetsの略

記述方法
  

  セレクタ{            Selecter{                                    何の {

    プロパティ: 値;        Property :  Value ;     何を: どうする;

        }                                                  }                 }

実際の記述
  button {

            display : inline-block ;

            margine : 5px 5px 5px 5px ;

            width:  100px ;

            height : 50px ;

            font-size : 12pt ;

            font-weight : bold ;

            color : black ;

            background-color : Yellow

            }

      button :  active {

            background-color : Orange

            }


最後に HTMLのとの間に
    

  

 

      <button type="button1">ボタン</button>
      <button type="button1">ボタン</button>
      <button type="button1">ボタン</button>
      <button type="button1">ボタン</button>
      
 
       を記述します


     ブラウザでは、こんな感じ

クリックしたボタンの色が変わります

    

****************
回胴式遊戯機技術研究会はパチスロの入出力信号を調べて、オシロスコープで波形をみて、その通りの疑似信号を出力するマイコンプログラムを作成して、回路にのせて、パチスロのメダル不要回路を作成して、卒業の技術講習(有料)を開講しています。
この機会に、パチスロの基礎から学んで、アミューズメント仕様パチスロの技術を身につけてみませんか?
受講受付中!!
ご不明の点はご遠慮なくお尋ね下さい。存じ上げていることは丁寧にご案内させていただきます。
TEL 090-3194-4902 
にほんブログ村 スロットブログ スロット情報へ
 
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

にほんブログ村ブログパーツ

PVアクセスランキング にほんブログ村

にほんブログ村ブログパーツ

PVアクセスランキング にほんブログ村