【CSS】要素の内側にborderを｜合同会社チームサンタ先日夜中に両肩に激痛が走り眠れぬ夜を明かしました。 接骨院行ってエレキバンとか貼ってるうちに治りましたが、 あれはいったいなんだったんでしょうね？ さて、今回は最近使ったCSSです。 画像の内側にborderを引く 画像や要素にhoverした時などでborderで囲うようにすることはよくあるかと思います。 その際、要素の外側にborderを表示すると、borderのpx分だけズレが出てしまい、 ソレ以降のレイアウトが崩れて汚くなってしまいます。 そんな時に教えてもらったのがこちら。 デモページ サンプルソース html <body> <ul> <li><a href="#"><img src="img.gif"></a></li> <li><a href="#"><img src="img.gif"></a></li> <li><a href="#"><img src="img.gif">
