htmlとcssで画像の内側にボーダーを付ける。
<a href="#">
<img src="test.jpg" />
</a>
a {
border: none;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
}
a:hover {
border: 5px solid #ccc;
}
a:hover img {
margin: -5px;
}
Go to list of users who liked
More than 5 years have passed since last update.
htmlとcssで画像の内側にボーダーを付ける。
<a href="#">
<img src="test.jpg" />
</a>
a {
border: none;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
}
a:hover {
border: 5px solid #ccc;
}
a:hover img {
margin: -5px;
}
Register as a new user and use Qiita more conveniently
Go to list of users who liked