Windows LiveWindows Live™
 
 
m1net.cn 的个人资料m1net ™照片日志列表 工具 帮助

日志
    2005/9/11

    图片的几种用法

    常常有朋友问我怎么在图片左边插入文字和在图片加上文字

    现在就简单跟大家说一下例如我使用的图片地址是：

    http://blogcup.com/blogger_1/12583/upload/20055286389.jpg 

     把图片放在文字的左边

     

    代码如下：

    <P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

     

     

     

     

     

    如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码：<img border="0" src="http://blogcup.com/blogger_1/12583/upload/20055286389.jpg" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

    改后的代码是：

    <P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>


     

     

    要想把图片放在右侧,可把[align=left ]改成[align=right ]

     

    改后的代码如下：

    <P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

     

     

     

     

     

    在图片加上日志文字代码如下效果见图：

    <div style="WIDTH: 109px; HEIGHT: 108px;">
    <img height="108px" src="图片链接地址" width="109" align="right">
    <div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
    <br>
    <font color="#FF00FF">日志文字</font>
    </div>
    </div>

     

    日志文字

     

     

     

    感谢  Etsuko小小素材部屋  提供

    10:45 | 查看引用通告 (52) | 写入日志

    评论 (205)

    请稍候...
    很抱歉，您输入的评论太长。请缩短您的评论。
    您没有输入任何内容，请重试。
    很抱歉，我们当前无法添加您的评论。请稍后重试。
    若要添加评论，需要您的家长授予您相应权限。请求权限
    您的家长禁用了评论功能。
    很抱歉，我们当前无法删除您的评论。请稍后重试。
    您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
    因为我们的系统表明您可能在向其他用户提供垃圾评论，您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户，请联系 Windows Live 支持部门。
    完成下面的安全检查，您提供评论的过程才能完成。
    您在安全检查中键入的字符必须与图片或音频中的字符一致。

    若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录


    还没有 Windows Live ID 吗？请注册
    段瑶发表:
      收藏了 ..谢谢 !  
    8 月 13 日
    ぴ儍愾发表:
    我想把图片放中央,可是我把align=right  改成align=conter  怎么不行啊???
    6 月 29 日
    王敬博发表:
    thanks啦,这里收获很大哦
    6 月 2 日
    华豇发表:
    本地电脑上的图片怎么弄这效果啊？？？
    5 月 17 日
    ALEXANDRAN​.sapphire.V​ICTORI...发表:
    如何用机子上的图片呢？
    4 月 28 日
    泉泉发表:
    收藏一会试试
    4 月 10 日
    yy发表:
    真好，我用了
    3 月 12 日
    *珞飞*::ћѕўї ๑发表:
    谢谢，我收藏了，踩踩
    3 月 2 日
    秋萍发表:
    这边的东东丰富又实用！
    都非常非常的不错！
    谢谢呀! n_n
    12 月 21 日
    痞来痞去的猪发表:
    借用了，顶一个，谢谢
    12 月 3 日
    徐长冬发表:
    借用了，总归要顶一个，谢谢！
    12 月 2 日
    楚影子_chu发表:
    也可以直接在日志中运用“水平排列方式”和“垂直排列方式”达到上种效果。。
    8 月 31 日
    永远的斐儿发表:
    谢谢你
    8 月 26 日
    珊发表:
    谢谢！
    8 月 26 日
    yanbing发表:
    好用！rainie_bing.photo.163.com一定有你喜欢的图片！
    8 月 21 日
    匿名 的图片
    （没有名称） 发表:
    我你笑哈嘿不来去走跑哭
    8 月 11 日
    milkmilk发表:
    圖片不能顯示
    不知是什麽問題
    請儘快解決
    謝謝~
    8 月 9 日
    Q怡然自乐Q发表:
    谢谢吖!我经常用!嘿~
    7 月 30 日
    张DAN发表:
    谢谢，又学了一招～
    7 月 25 日
    marti发表:
    好~~我也顶~~都是那番薯~~为了朋友~~得好好学习!!!
    7 月 20 日
    下一页 >    最后一页 >>