図解用の背景画像なしインボックスの仕様を確定

ちょっと実験

背景画像を用意しなくても良いように、固定サイズのインボックスを試してみる。

横300pxなら小さなデバイスでもそのまま表示できる。backgroundにlinear-gradientで位置が分かりやすいように25%,50%,75%の位置に線を入れて格子(lattice)にしてみる。

図1:
説明書き

成功。これで画像なしで行ける。

縦を変えても格子は健在♪

図1:
説明書き

いいね。これを画像を入れるインボックス(zky)とは別の名前にするか…

→グリッド線があるから「Grd1」が良いかな

 

 

 

タイトルとURLをコピーしました