使用 HTML 和 CSS 建立一個圖像陰影效果


CSS 語法:
<HEAD>
<style type="text/css">
<!--
div.img {background:silver;width:155px;height:85px;}
img {position:relative;bottom:6px;right:5px;border:1px solid silver;}
-->
</style>
</HEAD>
<BODY>
<div class="img"><img src="images/swan.gif"></div>
</BODY>

src="images/swan.gif" /* 數位像片路徑與檔名 */
在需要建立陰影的物件上加上 class="img" 即可,如上範例。

本篇報導所有範例,我使用的測試瀏覽器與版本可能與你不同,請自己參考看看 GO
本篇報導參考資料來源: GO


本報導內容或資料,因限人力、時間,非教學會員,不接受任何使用上的教學與 指導,敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料,歡迎原文轉載註明出處,請勿直接盜用,謝謝你的合作。
如果你願意於貴站或部落格中介紹本站,歡迎使用複製網頁研習室連結語法,再次感謝你的支持與愛護。
版權所有 - 網頁研習室 - 李文能于 99 年 10 月 31 日整理

請按瀏覽器的檢視 => 原始碼查看