DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 鼠標移到圖片給圖片加邊框的CSS代碼
鼠標移到圖片給圖片加邊框的CSS代碼
編輯:CSS詳解     

<!-- 把下列代碼加入到head區內 -->
<style>

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid navy;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

</style>


<!-- 把下列代碼加入到body區內 -->
<a href="http://www.knowsky.com/" class="highlightit"><img border="0" src="/img/200406302.jpg"></a>
<a href="http://www.google.com/" class="highlightit"><img border="0" src="/img/200406301.jpg"></a>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved