html table怎么在每张图片右上角加文字,请看源码?

以下是源码,可以直接运行的。问题是我想在每个图片的右上角加文字。
我试过在TD写上<TD vAlign=top align=right type="vertical"><FONT color=#ff33ff size=7 face=华文行楷><B>文字居右上角</B></FONT></TD>可是文字已经超出图片了,不是定位在每个图片的右上角。请教各位建站达人指教下。谢谢
<TABLE border=0 cellSpacing=0 cellPadding=0 width=230 height=230>
<TBODY>
<TR>
<TD width=230>
<P>
<MARQUEE onmouseover="this.stop();" onMouseOut="this.start();" height=230 behavior=alternate width=730

scrollAmount=2>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
<img border=0 alt="" src="" width=230 height=230>
</MARQUEE>
</P>
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE border=0 cellSpacing=0 cellPadding=0 width=230 height=230>
    <TBODY>
        <TR>
            <TD width=230>
                <P>
                    <MARQUEE onmouseover="this.stop();" onMouseOut="this.start();" height=230 behavior=alternate width=730 
scrollAmount=2>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                        <span style="display:inline-block;position:relative;"><img border=0 alt="" src="" width=230 height=230><B style="position:absolute;right:10px;top:10px;">文字居右上角</B></span>
                    </MARQUEE>
                </P>
            </TD>
        </TR>
    </TBODY>
</TABLE>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-03-10
是在图片里的吗?我以前是先用photoshop给图片加文字的,在编辑上去。追问

是在图片上面,PS我会,但是如果多张图片那不是每次都要PS,很累。我想用代码在每张图片右上角加上文字。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网