注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

WODE博客......XIAO MEI

多一点微笑;多一点快乐;多一个朋友;多一些幸福......。欢迎光临

 
 
 
 
 

日志

 
 

音画边框【在图片上写文字的两种方法】  

2016-09-11 23:51:11|  分类: B【 博客模板】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

写文字

 

 

 


 
 说明:
1,这是在一张图片上写字的边框。其图片780*3200像素。
2,文章的长度基本上与边框高度一致,写文字从中间开始,随文字的增加,向上移动,同时。如果文章长度不够时,可以敲回车键,使文章首句达到想要的效果。
3,另外也可以在源代码区用<div>&nbsp;</div>控制文字的首尾高度。
4,本边框代码:
<table border="0" cellspacing="0" bordercolor="#e23433" cellpadding="0" width="780" background="http://img0.ph.126.net/JCn1tjOXnBRTlTPtcsNltQ==/6631234891465940430.jpg" bgcolor="#999999" align="center" height="3200">
<tbody>
<tr>
<td>
<div>&nbsp;</div>
<p align="center"><font color="#000000" size="5" face="宋体"><strong>写文字</strong></font></p>
<p align="center"><strong><font color="#ff6600" size="5" face="宋体"></font></strong>&nbsp;</p>
<p align="center"><strong><font color="#ff6600" size="5" face="宋体"></font></strong>&nbsp;</p>
<div>&nbsp;</div></p></td></tr></tbody></table>
红色代码是图片地址,绿色数字是图片的宽高。可以替代。

5,缺点,如果文字超过图片高度,图片就会按原图片延伸。

第二种


音画边框【在图片上写文字的两种方法】 - 曦*兮 - 兮纪年

 


写文字

说明:
1,文字首句已定位。
2,代码:
      
       <div style="text-align: center;"><img style="width: 780px; height: 3200px; margin: 0px 10px; float: none;" src="http://img0.ph.126.net/JCn1tjOXnBRTlTPtcsNltQ==/6631234891465940430.jpg"></div>
<p align="center">&nbsp;</p>
<p style="MARGIN-TOP: -2800px; MARGIN-LEFT: -250px;"></p>
<p align="center"><font color="#000000" size="5" face="宋体"><strong>写文字</strong></font></p>
<table border="0" cellspacing="0" cellpadding="0" width="780" align="center" height="2800">
<tbody>
<tr>
<td></td></tr></tbody></table>

红色-2800是文字举顶部高度。绿色2800是边框延伸高度。图片数字可以替代调整。
3,在编辑文字时,随着文字的长度,边框外会出现空白,在源码编辑区减少绿色数字的高度或者删除回车键代码。
4,缺点,如果文字超过图片高度,文字会出现在图片外。
  评论这张
 
阅读(26)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017