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

兰馨的博客

网络,拉近了我和朋友的距离。

 
 
 

日志

 
 

【转载】边距离定位代码及用法 学习和交流-5  

2012-08-28 21:18:15|  分类: 转载 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

先识别代码

我们一起学的代码,都是用在代码编辑里,打开日志后,有二个编辑状态,一个是日志编辑状态,另一个要点击< >源代码这个符号,就进入代码编辑状态。

当上传或复制一个图片地址,这是地址代码,

http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg 

插入到日志里,再到代码编辑状态页面看,就变成生成的图片代码,

如 <P><IMG style="MARGIN: 0px 0px 0px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

这红色 MARGIN: 0px 0px 0px 0px 字就是边距离定位代码。

 

边距离定位代码

解读图片代码的含义:

<p><IMG style="MARGIN: 0px 0px 0px 0px" src="图片地址"></p>

红色 MARGIN: 0px 0px 0px 0px 字是定位代码,改变0的数值,可以改变图片离边距离。

一、标准图片的代码:

图片离边距离定位代码 - 美人迟暮 - 美人迟暮,知足尔乐

 <P><IMG style="MARGIN: 0px 0px 0px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

二、图片距上边远的代码:

图片离边距离定位代码 - 美人迟暮 - 美人迟暮,知足尔乐

<P><IMG style="MARGIN: 80px 0px 0px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

三、图片距右边远的代码:

图片离边距离定位代码 - 美人迟暮 - 美人迟暮,知足尔乐

<P><IMG style="MARGIN: 0px 200px 0px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

四、图片距下边远的代码:

图片离边距离定位代码 - 美人迟暮 - 美人迟暮,知足尔乐

<P><IMG style="MARGIN: 0px 0px 80px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>
五、图片距左边远的代码:

图片离边距离定位代码 - 美人迟暮 - 美人迟暮,知足尔乐

<P><IMG style="MARGIN: 0px 0px 0px 200px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

 

边距离定位代码的用法

先选择一个背景图片:

图1:

识别代码和边距离定位代码 学习和交流-5 - 美人迟暮 - 美人迟暮,知足尔乐

 

在背景图片里再添加一个图片的代码:

<P align=center>
<TABLE style="WIDTH: 589px; HEIGHT: 389px" border=0 cellPadding=0 width=589 background=http://img3.ph.126.net/XYpz7EWXvxb1JfHK6JTPeQ==/6597396321610737853.jpg align=center height=390>
<TBODY>
<TR>
<TD>

<P><IMG style="MARGIN: 0px 0px 0px 0px" src="http://img839.ph.126.net/gLtvDHGbILO-c0jLzxrfqg==/783626335163513560.jpg"></P>

代码说明:上面一段蓝色代码就是(在背景图片里再添加一个图片的代码),在蓝色代码下面添加的代码就是(边距离定位代码的标准图片的代码),把这二个代码合起来,就显示下图:


边距离定位代码及用法 学习和交流-5 - 美人迟暮 - 美人迟暮,知足尔乐


 

把标准图片的代码中,红色 MARGIN: 0px 0px 0px 0px 字定位代码,改变0的数值,那么这个蝴蝶图片就在不同的位置。

MARGIN: 200px 0px 0px 0px 见下图:



边距离定位代码及用法 学习和交流-5 - 美人迟暮 - 美人迟暮,知足尔乐


 

MARGIN: 0px 0px 0px 300px 见下图:



边距离定位代码及用法 学习和交流-5 - 美人迟暮 - 美人迟暮,知足尔乐


 

朋友:让我们一起来玩吧!如累了就听听音乐,今天为你播放小提琴曲--《绣夜》

 

  评论这张
 
阅读(124)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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