【代碼應用】用代碼製作上下反向移動邊框

夕陽無限美向所有網友致以問候! 祝福朋友們天天快樂！ 祝您和您的家人身體健康！ 萬事如意！生活美滿！

示意圖（上下）

向各條戰線上的勞動者致敬！ 向所有網友致以節日的問候! 祝福朋友們節日快樂！ 祝您和您的家人身體健康！ 萬事如意！生活美滿！

代碼：<div align="center"><table style="BORDER-BOTTOM: 8px ridge; BORDER-LEFT: 8px ridge; WIDTH: 100%; BORDER-TOP: 8px ridge; BORDER-RIGHT: 8px ridge;" border="4" cellspacing="6" bordercolorlight="#00cc00" bordercolordark="#006400" cellpadding="6" bgcolor="#000000"> <tbody> <tr> <td bgcolor="#000000" height="30"> <marquee style="WIDTH: 100%;" height="30" behavior="alternate" scrollamount="2" scrolldelay="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"></marquee></td></tr> <tr> <td height="380" background="http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg"align="middle"> <div align="center"> <table border="1" cellspacing="0" bordercolor="#00ff00" cellpadding="0"> <tbody> <tr> <td> <div align="center"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_4.jpg" width_="620"></div> <div align="center"> <div style="MARGIN-TOP: -300px; MARGIN-LEFT: 10px;"> <marquee style="FILTER: shadow(color=black); LINE-HEIGHT: 150%; WIDTH: 250px; FONT-FAMILY: 華文彩雲; COLOR: #ffff00; FONT-SIZE: 30pt;" direction="up" height="300" width_="250" scrollamount="1">向各條戰線上的勞動者致敬！ 向所有網友致以節日的問候! 祝福朋友們節日快樂！ 祝您和您的家人身體健康！ 萬事如意！生活美滿！</marquee></div></div></td></tr></tbody></table></div></td></tr> <tr> <td bgcolor="#000000" height="30"> <marquee style="WIDTH: 100%;" direction="right" height="30" behavior="alternate" scrollamount="2" scrolldelay="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"><img title="" border="0" alt="" src="https://www.getit01.com/getimg_360.php?url=http://image59.360doc.com/DownloadImg/2013/03/3006/31290189_3.jpg" width_="300" height="30"></marquee></td></tr></tbody></table><br></div>註：（1）紅色代碼是移動邊框，共八段。（2）綠色代碼是框內背景顏色。（3）黃色代碼是圖片。（4）藍色字是寫上你要寫的話。
推薦閱讀：