やわらかい技術メモ

やわらかい人になりたいやわらかい人のためのやわらかいメモ

デバッグ用のCSS

CSSをいじってる時に、こう書くと、どういうふうにレイアウトされてるか見れて便利かも。

 

きれいに確認したいとき

* {

    /* for debug */

    box-shadow: 0px 0px 0px 1px red inset;

}

 

複数確認したいとき(デザインがずれます)

* {

    /* for debug */
    border: 1px solid red;