위 이미지에 마우스를 올려보세요
<style>
.borderimage{
border:1px solid white;
}
</style>
<script>
function borderit(which,color){
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<img src="http://lia.pe.kr/icon/icon/tare_2.gif" class="borderimage" onMouseover="borderit(this,'#83FF8A')" onMouseout="borderit(this,'white')">
<p>
<img src="http://lia.pe.kr/icon/icon/tare_1.gif" class="borderimage" onMouseover="borderit(this,'#DA88FF')" onMouseout="borderit(this,'white')">
<p>
<img src="http://lia.pe.kr/icon/icon/tare_2.gif" class="borderimage" onMouseover="borderit(this,'#83FF8A')" onMouseout="borderit(this,'white')">
<p>
<img src="http://lia.pe.kr/icon/icon/tare_1.gif" class="borderimage" onMouseover="borderit(this,'#DA88FF')" onMouseout="borderit(this,'white')">
<p>
<img src="http://lia.pe.kr/icon/icon/tare_2.gif" class="borderimage" onMouseover="borderit(this,'#FFAB58')" onMouseout="borderit(this,'white')">
'Html & Css' 카테고리의 다른 글
| 마우스를 올리면 글이 나타나요. (0) | 2016.06.03 |
|---|---|
| 스타일시트를 이용한 이쁜 버튼 만들기 (0) | 2016.06.03 |
| 원하는크기로 새창띄워주는 간단소스 2가지 (0) | 2016.06.03 |
| 자동으로 img border=0 넣기 (0) | 2016.06.03 |
| 게시판 전체배경 소스 (0) | 2016.06.03 |