2017/04/16

Webデザイン学習「MOZER」を使ってみました③


今日は、「お店の紹介をつくろう」です。


途中経過↓まだ文字入れただけのシンプルなページです。


デイジーが次に入力するタグとpx(ピクセル)を教えてくれるので

そのとおりに入力するのは良いことですが

せっかくですから、試しに数値を変えてみるのもいいかも!(笑)



上記のいう通りに指定するとborder-left-width:10px;です。

この線をもっと太くしたらどうなるのか?



border-left-width:50px;にしてみました!

オレンジ色の部分が太くなってます。

違う数値でも反映されるようになっている事が

嬉しいですね~♪




という風に

数字を変えてどのくらいの値ならデザインが良くみえる

のか試してみるのも楽しいと思いますよ。



完成したお店紹介がこちら↓(線の太さを10pxに戻しました。)



次回は「パンの紹介をしよう」です。

https://mozer.io/