個人檔案(✿◡‿◡)ミ︶ㄣ毒藥ゝツ 素材便利۰•●❤*゚...相片部落格清單 工具 說明
    17 November

    图片的几种用法

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

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

    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>

     

    日志文字

     


    回應 (1)

    請稍候...
    很抱歉,您輸入的回應過長。請縮短您的回應。
    您尚未輸入內容,請再試一次。
    很抱歉,目前無法新增您的回應,請稍後再試。
    若要新增回應,您的父母必須先給您權限。要求權限
    您的家長已關閉回應功能。
    很抱歉,目前無法刪除您的回應,請稍後再試。
    您已超過每日回應上限次數,請於 24 小時後再試一次。
    由於系統顯示您可能傳送垃圾郵件給其他使用者,因此您帳號中的回應功能已遭停用。 如果您認為自己帳號遭錯誤停用,請連絡 Windows Live 支援
    請完成下列安全檢查,以完成回應。
    您輸入的安全檢查字元必須與圖片或音訊中的字元相符。

    若要新增回應,請以您的 Windows Live ID 登入 (若您使用 Hotmail、Messenger 或 Xbox LIVE,則您已擁有 Windows Live ID)。登入


    沒有 Windows Live ID?註冊

    匿名 的圖片
    Longin_oooo 撰寫:
    报告,从这里拿了一点东西.^_^
    12 月 1 日

    引用通告

    此內容的引用通告是:
    http://duyaosucai.spaces.live.com/blog/cns!45F8BFC28673B491!124.trak
    引述這則內容的部落格