先日夜中に両肩に激痛が走り眠れぬ夜を明かしました。 接骨院行ってエレキバンとか貼ってるうちに治りましたが、 あれはいったいなんだったんでしょうね? さて、今回は最近使った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">
![【CSS】要素の内側にborderを|合同会社チームサンタ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb71faf913bd3bc12becf5cba1859bbeb06e568d/height=288;version=1;width=512/http%3A%2F%2Fteamsanta.info%2Fcms%2Fwp-content%2Fuploads%2F2014%2F06%2Fborder.jpg)