2007年11月7日

照片上加上外框

測試連接網上相簿連結的相片:





測試成功之後覺得自己的相片大部份用黑色相框,感覺與前文後理 (亂用成語!) 的距離增加,今天下午找尋 html 的網頁找資料,希望可以做到用 mouse 移到照片上會出現外框...

在 google 的幫助下找到 onmouseover/onmouseout 可以做到類似效果,在多番嘗試下,但始終未能將 mouse 移到相片後出現的外框顏色更改。之後在 W3Schools 尋找,發覺網址的 "hover" 效果可能可以做到類似效果而又同時可以更改顏色,在 blog 的 style 部份作以下修改:

將原來的 img { border="0"}

改為
img {border: 1px solid black} 正常情形下只會顯示網頁背景顏色的框
img:hover {border: 1px solid #3e3e3e} 當 mouse 移到相片後框的顏色會轉變為深灰色

但此效果未能在 internet explorer 6 上顯示,firefox 則完全無問題。

沒有留言: