打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
博客技巧--图片上添加绝对定位文字的代码
这里可以添加文字
文字可以定位到图片的任意位置
切换到所见模式下可以改变文字样式,大小以及颜色
代码以及解释在二楼
<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>&nbsp;</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>&nbsp;</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>&nbsp;</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 文本框宽度
改变边框的颜色可以参照本站颜色代码
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【演示】博客文字移动的代码
博客公告栏及代码
在图片上写字
日志
再测试定位代码
常用HTML代码速查表
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服