新手上路学帖图和边框

新手上路学帖图和边框 1.设定图像的高度和宽度 源代码:<p align="center"><img src=图片地址 width="80" height="76">(center指居中,width设置宽,height设置高.如果这两个参数都不用,就指的是原图片的宽和高) 2.设定图像的边框之一 源代码:<TABLE style="BORDER-RIGHT: black 6px dotted; BORDER-TOP: black 6px dotted; BORDER-LEFT: black 6px dotted; BORDER-BOTTOM: black 6px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=black><TBODY><TR><TD><p align="center"><img src=图片地址></td> </tr> </table> 靠上对齐 3.右图像相对于文字基准线为靠上对齐 源代码:<p align="center"><img src="图片地址" width=20% height=20% align=top> 靠上对齐<p> 4.设定图像的边框之二 源代码:<TABLE style="BORDER-RIGHT: #000000 6px dashed; BORDER-TOP: #000000 6px dashed; BORDER-LEFT: #000000 6px dashed; BORDER-BOTTOM: #000000 6px dashed" cellSpacing=0 cellPadding=0 align=center><TBODY><TR><TD><img src=图片地址></td></tr></table> 置中对齐 5.右图像相对于文字基准线为置中对齐 源代码:<p align="center"><img src="图片地址" width=20% height=20% align=middle> 靠上对齐<p> 6.设定图像的边框之三 源代码:<TABLE style="BORDER-RIGHT: #000000 6px groove; BORDER-TOP: #000000 6px groove; BORDER-LEFT: #000000 6px groove; BORDER-BOTTOM: #000000 6px groove" cellSpacing=0 cellPadding=0 align=center><TBODY><TR><TD><p align="center"><img src=图片地址 width="60" height="76"></td> </tr> </table> 靠下对齐 7.右图像相对于文字基准线为靠下对齐 源代码:<p align="center"><img src="图片地址" width=20% height=20% align=bottom> 靠上对齐<p> /td> 8.设定图像的边框之四 源代码:<TABLE style="BORDER-RIGHT: #000000 6px double; BORDER-TOP: #000000 6px double; BORDER-LEFT: #000000 6px double; BORDER-BOTTOM: #000000 6px double" cellSpacing=0 cellPadding=0 align=center><TBODY><TR><TD><p align="center"><img src=图片地址></td></tr></table> 9.图片向上移动 源代码:<marquee width=100% scrollamount=3 scrolldelay=150 direction=up><p align="center"> <IMG SRC="2.gif"></marquee> 10.设定图像的边框之五：源代码只帖了一层的，自己想要几层就加几层，就得到右边那样的效果 源代码:<TABLE style="BORDER-RIGHT: #000000 2px dotted; BORDER-TOP: #000000 2px dotted; BORDER-LEFT: #000000 2px dotted; BORDER-BOTTOM: #000000 2px dotted" cellSpacing=0 cellPadding=0 align=center><TBODY><TR><TD><img src=图片地址></td></tr></table> 11.用移动做百叶窗效果，右边的代码连帖两次就是右上边的效果 源代码:<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=30><IMG SRC="2.gif"></MARQUEE></TD> <TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 width=30><IMG SRC="2.gif"></MARQUEE> 12.设定图像的边框之六 源代码:<DIV align=center><TABLE style="BORDER-RIGHT: #000000 6px dotted; BORDER-TOP: #000000 6px dotted; BORDER-LEFT: #000000 6px dotted; BORDER-BOTTOM: #000000 6px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=#000000><TBODY><TR><TD> <TABLE style="BORDER-RIGHT: #C48A9E 4px dashed; BORDER-TOP: #C48A9E 4px dashed; BORDER-LEFT: #C48A9E 4px dashed; BORDER-BOTTOM: #C48A9E 4px dashed" cellSpacing=0 cellPadding=0 bgColor=#000000><TBODY><TR><TD> <TABLE style="BORDER-RIGHT: #ffffff 6px dotted; BORDER-TOP: #ffffff 6px dotted; BORDER-LEFT: #ffffff 6px dotted; BORDER-BOTTOM: #ffffff 6px dotted" cellSpacing=3 cellPadding=0 bgColor=#000000><TBODY><TR><TD> <TABLE cellSpacing=6 borderColor=#ffffff align=center bgColor=#000000 border=2><TBODY><TR><TD><p align="center"><img src=1.gif width="60" height="76"></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> 13.鼠标放上去停止滚动，移开继续滚动 源代码:<marquee onmouseover=this.stop() onmouseout=this.start()><img src="图片地址"></marquee> 14.设定图像的边框之七 源代码:<div align=center><TABLE cellSpacing=1 bgColor=#000000><TBODY><TR><TD width=8 bgColor=#009999></TD><TD width=8 bgColor=#00cccc></TD> <TD width=8 bgColor=#66ccff></TD><TD bgColor=#ffffff><img src=图片地址></TD><TD width=8 bgColor=#66ccff></TD><TD width=8 bgColor=#00cccc></TD><TD width=8 bgColor=#009999></td></tr></table> 15.图片左右移动 源代码:<marquee width=100% behavior=alternate><IMG SRC="图片地址"></marquee> 16.设定图像的边框之八 源代码:<div align=center><TABLE cellSpacing=1 bgColor=#000000> <TBODY><TR><TD bgColor=#0066cc height=3></TD></TR><TR><TD bgColor=#3399ff height=3></TD></TR> <TR><TD bgColor=#66ccff height=3></TD></TR><TR><TD bgColor=#ffffff><img src=1.gif width="60" height="76"></TD></TR><TR><TD bgColor=#66ccff height=3></TD></TR><TR><TD bgColor=#3399ff height=3></TD></TR><TR><TD bgColor=#0066cc height=3></td></tr></table> 编辑:宠儿 华声音画学堂