青いやつの進捗日記。

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

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

f:id:XxGodmoonxX:20191101015317p:plain

こうやって2重で線を囲いたい時

borderを使わずにbox-shadowでやる

box-shadow: 
  0 0 0 1px #d1d1d1, 
  0 0 0 2px #666666;
}

#d1d1d1が1px周りに広がり、#666666が2px周りに広がるので、
結果的に2重で線を周りに引ける、みたいになる。