青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

box-shadow

box-shadowを2重に重ねて2重線で囲っているように見せる

こうやって2重で線を囲いたい時 borderを使わずにbox-shadowでやる box-shadow: 0 0 0 1px #d1d1d1, 0 0 0 2px #666666; } #d1d1d1が1px周りに広がり、#666666が2px周りに広がるので、 結果的に2重で線を周りに引ける、みたいになる。

box-shadowってなに、PhotoshopのドロップシャドウからどうCSSに落とし込むの

ってなりません? ボタンとか、後ろから浮かせたいものにつけるシャドウ。 あと、Photoshopでドロップシャドウってついてるやつ、値とかそのままCSSに入れればOK、とならないんですよ。面倒くさいったらありゃしない。 developer.mozilla.org まあ影つけるや…