分享

博客技巧--图片上添加绝对定位文字的代码

 唯丽嗜图 2012-10-03
 
 
 

这里可以添加文字

 

文字可以定位到图片的任意位置

 

切换到所见模式下可以改变文字样式,大小以及颜色

 

代码以及解释在二楼

 

 


<DIV class=t_msgfontfix>
<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD id=postmessage_199358 class=t_msgfont>
<DIV id=ad_thread3_0></DIV>
<P align=center>
<TABLE style="POSITION: relative; WIDTH: 700px; TOP: 0px; LEFT: 0px" border=6 borderColor=tan background=http://image55.360doc.com/DownloadImg/2012/10/0320/27302928_2.jpg height=600>
<TBODY>
<TR>
<TD>
<DIV style="POSITION: absolute; WIDTH: 300px; HEIGHT: 200px; TOP: 200px; LEFT: 10px" class=divBorderStyle>
<P align=left><FONT color=magenta size=2>这里可以添加文字<IMG border=0 alt="" src="
http://image55.360doc.com/DownloadImg/2012/10/0320/27302928_1.gif" smilieid="118"> </FONT></P>
<P><FONT color=magenta size=2></FONT> </P>
<P><FONT color=magenta size=2></FONT></P>
<P align=left><FONT color=deepskyblue size=2>文字可以定位到图片的任意位置</FONT></P>
<P><FONT color=magenta size=2></FONT> </P>
<P><FONT color=magenta size=2></FONT></P>
<P align=left><FONT color=magenta size=2>切换到所见模式下可以改变文字样式,大小以及颜色</FONT></P>
<P><FONT color=#ff00ff size=2></FONT> </P>
<P align=left><FONT color=#ff00ff size=2>代码以及解释在二楼</FONT></P></DIV></TD></TR></TBODY></TABLE></P><!--++ plugin_code qcomic begin--><!--++ plugin_code qcomic end--></TD></TR></TBODY></TABLE></DIV>
 
注释:

第一行

 

WIDTH: 700px; 总体宽度为700像素

TOP: 0px 边框到页面上方的距离      

borderColor=tan 边框的颜色

height=600 总体高度

background=图片地址  背景图片的地址

border=6 边框的宽度

 

倒数第二行

 

LEFT: 100px  文本框距离左边的位置

WIDTH: 300px 文本框宽度

TOP: 200px 文本框距离上方的位置

HEIGHT: 200px 文本框高度

WIDTH: 700px 文本框宽度

 

改变边框的颜色可以参照本站颜色代码

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多