加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

把图片放到正文的左边或右边的方法/转

(2008-02-27 15:04:38)
标签:

装饰博客的方法

杂谈

分类: 装饰博客及空间题材
 <P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>



<table>
<tr><td>放置图片代码</td><td>写下你的文字</td></tr>
</table>


1.若想实现 左文右图 ,就把图片的代码放在 “图片代码”处,文字放置在“写下你的文字”处;


2.若要实现 右文左图, 就把图片的代码放在“写下你的文字”处,文字放在“放置图片代码”处。


图片的大小可以调整这两个参数height=200 、 width=150

 

 

3.图片效果:图文混排

平时在BLOG文章发表界面插入图片时,图片只能放在文字的上面或下面。这样排版有时并不好看。而图文混排使得图片位于文字的左右,美观了版面,非常实用。

混排代码:

<TABLE style="WIDTH: 480px" cellPadding=15>
<TD bgColor=#ffcccc><IMG  hspace=5 src="http://blog.sina.com.cn/pic/583d286e9488900fbccc9" width=250 height=200 align=left>
文章文字

参数说明:

1."WIDTH: 480px" 表示整篇文章的宽度,我自己调试出480恰好。

2.cellPadding=15 表示文章和背景色的距离。

3.bgColor=#ffcccc 表示背景颜色。更多的颜色代码可以查取色板:http://blog.sina.com.cn/u/583d286e0100031g

4.hspace="5" 表示文字和图片的距离。

5.src="http://blog.sina.com.cn/pic/583d286e9488900fbccc9”是图片地址

6.width=250 height=200 表示图片的宽度和高度。

7.align=left 表示图片在文字左边。 =right表示在右边

8.文章文字:写入的内容

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有