ボタンのスタイルを変更する

ボタンのスタイルを変更する

• 「●inputとselectのスタイル設定」または
  　「●さい銭箱のスタイル設定」を変更します
• まずは、青色の点線で、文字色を水色、背景を白色にするには、以下のタグに置き換えます

  border:1px dashed blue;color:#00a4ff;background-color:#ffffff;

ボタンの中の文字の色を変える

• 文字色を変えるには、★の部分に好きな色コードを入れます
  • 色コードはColor Tableをご覧ください

    border:1px dashed blue;color:★;background-color:#ffffff;

ボタンの背景色(ボタンの色)を変える

• ボタンの背景色(ボタンの色)を変えるには、☆の部分を好きな色コードに変えます

  border:1px dashed blue;color:#00a4ff;background-color:☆;

ボタンの外側の部分(線の種類や色など)を変える

• 下記の★の部分が、線の種類
• 下記の☆の部分が、線の色を表します。
  • ☆の部分には、好きな色コードを入れてください

    border:1px ★ ☆;color:#00a4ff;background-color:#ffffff;

線の種類

• 線には下のような種類があります
• それぞれの線を実際に試してみてください

  線の種類	説明
  solid	一本線
  double	二本線
  dashed	破線
  dotted	点線

• 例えば、一本線にするには、solidを★の部分に入れます

  border:1px solid blue;color:#00a4ff;background-color:#ffffff;

線の太さを変える

• 1pxの部分の数字を大きくすると、線が大きくなります

  border:1px dashed blue;color:#00a4ff;background-color:#ffffff;