試行錯誤ページ160



試行錯誤155ではcssで左上に白い三角形を入れている
 
linear-gradient使用

 
Welcome to Eigo Block

英語
無料
で 学べる
英 語 ブ ロ ッ ク

(^-^)/
 


cell111111, cell222222, cell333333
かくすボタンでは、同じ状態にするのは無理(valueで決まるため)
pxと% の組み合わせも可
 
 
 
 
試行錯誤154で表のtdの背景に画像を入れたが、スマホではやはり右側にずれて表示される
 
↓ インプットの背景に画像のURLを入れている
 

↑ width:180px; height:40px
 
 

↑ width:280px; height:40px
 
 

↑ 画像の位置left、text-align: left、width:180px; height:94px
font-size:24px
 
 

↑ 画像の位置left、text-align: left、width:180px; height:94px
font-size:55px
 
 

↑ 画像の位置left、text-align: left、width:140px; height:94px
font-size:48px
 
 

↑ text-align: centerにすると、文字が出てから左側に移動する
width:140px; height:94px; font-size:48px