九乡新闻网龙珠超宇宙任务在哪看:在图片上加字及加图片的代码【原】
来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 16:23:38
在图片上加字及加图片的代码
Good fun编辑
首先我们来了解一下，本文会用到的“图片地址”，什么是图片地址？图片地址怎么获取呢？图片地址是指网络中的图片，都有它独一无二的地址，相当于这个图片的身份证号码！不过这个图片必须是网络中的，要是你电脑中的图片，你必须先把它上传到博客相册或者博客里，才能获取地址！那么图片地址的怎么获取呢？请看下面的截图说明：
下面是一张已经上传到本博客的图片：
你要获取这张图片的地址，只要右击这张图片，出来下拉菜单，点击最下面的“属性”，就会出来一个属性对话框，如下图：
了解完图片的地址，我们来看一个简单的图片插入代码：
说明：上面代码中绿色的就是图片的地址，黄色的就是图片的宽度和高度大小，你可以改变数值“388”和“420”来改变大小！以下的所有代码中的图片大小调整同样！
在图片上加字：
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
说明：
1、上面绿色的是背景图片的显示高度和宽度。
2、紫色处换成您的图片地址.
3、橘黄色处换成你自己的文字，在代码编辑状态的时候用代码 “
”来换行，连续用两个“
”可以空一行。
4、蓝色的是字体的颜色，字体等等的属性：
align=center 表示字体居中，可选值为居右（right）居（left）
color=颜色代码 具体颜色代码可参照：网易博客代码(颜色代码)
face=字体 常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等
size=字体大小，这里的最大值为7 ,取值越大文字就越大 ，
Good fun提示朋友，在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小，你可以改变数值“40”来改变大小！
在图片加滚动的字
Good fun
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
上面代码中有新的滚动属性，具体如下：
文字滚动基本代码属性如下：
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
【Good fun提示：这里的“direction=移动方向”可以用“behavior=移动效果”来表示，例： behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走】
scrollamount=移动速度数值
height=400 是文字滚动的距离，可以改变数值来改变滚动的距离！
在图片上加图片
素材图片1：
素材图片2：
素材图片3：
代码合成效果：
图片上加图片的代码如下：
代码说明：
代码中的：MARGIN-TOP: 90px 是指小图片在背景图片上，离顶栏边的距离，数值越大越往下，可以改变数值“90”来改变小图片的位置 MARGIN-LEFT: 30px 是指小图片在背景图片上，离左边栏边的距离，数值越大越往右，可以改变数值“30”来改变小图片的位置 ，这里数值可以取负数，例：MARGIN-LEFT: -120px
如果你想多加几个小图片，你只要在代码中间的蓝色代码后面再加几组如下面的代码：
在图片上加的图片和文字除了可以让它动起来外，还可以加超链接，由于时间关系，请留意我后面的日志！在图片加图片的效果做了链接，点击蝴蝶，就可以去我的博客首页！
Good fun编辑
首先我们来了解一下，本文会用到的“图片地址”，什么是图片地址？图片地址怎么获取呢？图片地址是指网络中的图片，都有它独一无二的地址，相当于这个图片的身份证号码！不过这个图片必须是网络中的，要是你电脑中的图片，你必须先把它上传到博客相册或者博客里，才能获取地址！那么图片地址的怎么获取呢？请看下面的截图说明：
下面是一张已经上传到本博客的图片：
你要获取这张图片的地址，只要右击这张图片，出来下拉菜单，点击最下面的“属性”，就会出来一个属性对话框，如下图：
了解完图片的地址，我们来看一个简单的图片插入代码：
说明：上面代码中绿色的就是图片的地址，黄色的就是图片的宽度和高度大小，你可以改变数值“388”和“420”来改变大小！以下的所有代码中的图片大小调整同样！
在图片上加字：
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
是网络，把距离拉近； 是文字，把心灵吸引； 是键盘，把祝福延续； 是真诚，把友谊传递。 感谢你光临Goodfun的博客! 以后我会更加完善偶的博客! 希望你继续关注;多多指点! |
说明：
1、上面绿色的是背景图片的显示高度和宽度。
2、紫色处换成您的图片地址.
3、橘黄色处换成你自己的文字，在代码编辑状态的时候用代码 “
”来换行，连续用两个“
”可以空一行。
4、蓝色的是字体的颜色，字体等等的属性：
align=center 表示字体居中，可选值为居右（right）居（left）
color=颜色代码 具体颜色代码可参照：网易博客代码(颜色代码)
face=字体 常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等
size=字体大小，这里的最大值为7 ,取值越大文字就越大 ，
Good fun提示朋友，在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小，你可以改变数值“40”来改变大小！
在图片加滚动的字
Good fun
是网络，把距离拉近；
是文字，把心灵吸引；
是键盘，把祝福延续；
是真诚，把友谊传递。
感谢你光临Goodfun的博客!
以后我会更加完善偶的博客!
希望你继续关注;多多指点!
HTML代码复制如下：
上面代码中有新的滚动属性，具体如下：
文字滚动基本代码属性如下：
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
【Good fun提示：这里的“direction=移动方向”可以用“behavior=移动效果”来表示，例： behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走】
scrollamount=移动速度数值
height=400 是文字滚动的距离，可以改变数值来改变滚动的距离！
在图片上加图片
素材图片1：
素材图片2：
素材图片3：
代码合成效果：
图片上加图片的代码如下：
|
代码说明：
代码中的：MARGIN-TOP: 90px 是指小图片在背景图片上，离顶栏边的距离，数值越大越往下，可以改变数值“90”来改变小图片的位置 MARGIN-LEFT: 30px 是指小图片在背景图片上，离左边栏边的距离，数值越大越往右，可以改变数值“30”来改变小图片的位置 ，这里数值可以取负数，例：MARGIN-LEFT: -120px
如果你想多加几个小图片，你只要在代码中间的蓝色代码后面再加几组如下面的代码：
在图片上加的图片和文字除了可以让它动起来外，还可以加超链接，由于时间关系，请留意我后面的日志！在图片加图片的效果做了链接，点击蝴蝶，就可以去我的博客首页！