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

沉默是金博客

認真做事 誠信做人 助人爲樂 善待自己

 
 
 

日志

 
 
关于我

钟爱围棋和摄影! ◇生活中的信条: ★一个中心:一切以平安健康为中心 。 ★两个基本点:做事潇洒一点,看世糊涂一点。 ★三个忘记:忘记年龄 ,忘记过去 ,忘记恩怨 。 ★四个拥有:一定要拥有真正爱你的人 ,拥有知心朋友 ,拥有向上的事业 ,拥有温暖的家 。 ★五个要:要唱 ,要跳 ,要笑 ,要俏 ,要苗条 。 ★六个不能:不能饿了才吃 ,不能渴了才喝 ,不能困了才睡 ,不能累了才歇 ,不能病了才检查 ,不能老了才后悔!

网易考拉推荐

教你如何在图片右侧加入文字  

2007-01-26 14:11:24|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

效果图如下:


 

善厚天赐福德高地养人
善厚天赐福德高地养人
善厚天赐福德高地养人
善厚天赐福德高地养人
善厚天赐福德高地养人

作博客日志时,为了装饰日志,有时需要贴些精美图片。这里教你如何在图片的右侧加入文字。

代码如下:

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=10 width=457 border=0>
<TBODY>
<TR>
<TD width=197>
<P>效果图如下:</P>
<P><IMG height=150 src="http://img783.photo.163.com/hcsndjlch/104046669/2694430646.gif" width=200 border=2></P></TD>
<TD vAlign=top width=200 rowSpan=3><FONT color=#808080>
<P align=left><BR>&nbsp;</P>
<P align=left>善厚天赐福德高地养人<BR>善厚天赐福德高地养人<BR>善厚天赐福德高地养人<BR>善厚天赐福德高地养人<BR>善厚天赐福德高地养人</FONT><FONT size=2></FONT></P>
<P align=left></P></TD></TR></TBODY></TABLE>

 

代码说明

<table border="0"表示外框(包括图片与字间隔线)像素数,可以是1,2,3,......

cellpadding="0" cellspacing="0"分别表示图片边距。

border-collapse: collapse" width="410" 这里的"410"表示大框宽度。

<td width="197">表示字的左边距。

<img border="0" src="http://img783.photo.163.com/hcsndjlch/104046669/2694430646.gif" width="200" height="150">这里border="0"表示图片框像素数,width="200" height="150"表示图片尺寸

<br>表示换行;left表示“右”;<font size="2">表示字号;&nbsp表示空格。

一般情况下,图片右边加字代码如下:

 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="410" >    <tr>      <td width="197"><img border="0" src="图片网址" width="200" height="150"></td>      <td width="200" rowspan="3" valign="top">      <p align="left"><font color="#808080"> <br>文字<br>文字<br></font><font size="2">&nbsp;</font></p>      <p align="left">&nbsp;</p></td>    </tr>  </table>

引用请注明出处:沉默是金

  评论这张
 
阅读(1493)| 评论(13)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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