内側にborderを付ける方法

この方法では透過borderを画像の上に表示できないため注意。(ネガティブマージンで画像を削っているため)

by iwbjp

HTML

<a href="#"><img src="http://iwb.jp/wp-content/uploads/2012/10/droid-1024x682.jpg" width="256"></a>

CSS

a {
  overflow: hidden;
  float: left;
	border: 10px solid #000;
	border: 10px solid rgba(0, 0, 0, 0.5);
}

a img {
	margin: -10px;
}