html 이미지에 그림자 넣는데 이미지에 반 만 생겨요
-
게시물 수정 , 삭제는 로그인 필요
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.im1:hover{box-shadow: 0px 0px 10px blue;}
.im2:hover{box-shadow: 0px 0px 10px blue;}
.im3:hover{box-shadow: 0px 0px 10px blue;}
.im4:hover{box-shadow: 0px 0px 10px blue;}
</style>
<title>Left window</title>
</head>
<body>
<nav>
<center>
<a href="https://www.daum.net/" target="right-iframe" class="im1">
<img src="media/websites/daum.png" width="100" height="50"><br>
</a>
(Daum)<br><br>
<a href="https://ko.wikipedia.org/wiki/%EB%B8%94%EB%9E%99%EC%9E%AD" target="right-iframe" class="im2">
<img src="media/websites/wiki.png" width="100" height="100"><br>
</a>
(Wiki)<br><br>
<a href="https://www.bing.com/" target="right-iframe" class="im3">
<img src="media/websites/bing.png" width="80" height="80"><br>
</a>
(Bing)<br><br><br>
<a href="frame-right.html" target="right-iframe" class="im4">
<img src="media/websites/reset.png" width="50" height="50">
</a>
</center>
</nav>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.im1:hover{box-shadow: 0px 0px 10px blue;}
.im2:hover{box-shadow: 0px 0px 10px blue;}
.im3:hover{box-shadow: 0px 0px 10px blue;}
.im4:hover{box-shadow: 0px 0px 10px blue;}
</style>
<title>Left window</title>
</head>
<body>
<nav>
<center>
<a href="https://www.daum.net/" target="right-iframe" class="im1">
<img src="media/websites/daum.png" width="100" height="50"><br>
</a>
(Daum)<br><br>
<a href="https://ko.wikipedia.org/wiki/%EB%B8%94%EB%9E%99%EC%9E%AD" target="right-iframe" class="im2">
<img src="media/websites/wiki.png" width="100" height="100"><br>
</a>
(Wiki)<br><br>
<a href="https://www.bing.com/" target="right-iframe" class="im3">
<img src="media/websites/bing.png" width="80" height="80"><br>
</a>
(Bing)<br><br><br>
<a href="frame-right.html" target="right-iframe" class="im4">
<img src="media/websites/reset.png" width="50" height="50">
</a>
</center>
</nav>
</body>
</html>
#html 이미지에 링크 #html 이미지에 글자넣기 #html 이미지에 버튼 #html 이미지에 테두리 #html 이미지에 텍스트
