图片--彩色背景代码
来源:百度文库 编辑:神马文学网 时间:2024/07/04 18:10:13
★彩色背景代码★
注意,这里需要将嵌套在这一语句中,即如下形式:
当你想更改不同色彩的时候,只需将#ffb6c1这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。效果如粉红色区域显示。
★图片代码★
图片的网址:是指要找图片的URL地址。形如http://xxx.xxxx.com/xxx.jpg height代表图片高度50,width代表图片宽度60。一般情况下,我们贴图不需要指定这两个参数,除非特殊情况下你需要自己指定大小的时候。所以一般情况下,使用如下的代码帖图即可。
对于页面中图片位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现图片与文字的完美结合。举例如下:align=left 文字置于图片的右边,并与其紧密结合 align=right文字置于图片的右边,并与其紧密结合 align=top 文字对齐图片顶端 align=middle 文字对齐图片中部 align=bottom 文字对齐图片底端
★背景音乐代码★
音乐的网址:是指要找音乐的URL地址。形如http://xxx.xxxx.com/xxx.wma Loop控制循环次数,infinite代表不停循环。一般只推荐wma格式的音乐文件,由于mp3文件过大,开始播放前需要等待时间过长,不适合做背景音乐。
★视频代码★
IMG后的Height和Width分别控制视频画面的高度和宽度,你可以根据需要自行调整,如果这里你都设置成0的话,那么就只有音乐看不到图像,这也等同于插入背景音乐的效果。Loop控制循环次数,infinite代表不停循环。对于页面中视频位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现视频与文字的完美结合。举例如下: align=left 文字置于视频的右边,并与其紧密结合 align=right文字置于视频的右边,并与其紧密结合 align=top 文字对齐视频顶端 align=middle 文字对齐视频中部 align=bottom 文字对齐视频底端 这里关键是流媒体文件的获取,正常的流媒体文件以asf,wmv,或mov等为后缀,这是最直接的形式;也有以asx为后缀的,这种文件格式隐藏了流媒体的真正地址,但没有关系,你一样可以将带有asx后缀的链接放到你的语法中。
★彩色边框代码★
它会在你的文字外围生成一个红色边框,效果如框内显示。
border-style则控制边框的效果
border-width控制边框的粗细,
border-color调整边框的颜色,
这里你仍然可以使用如#xxxxxx的颜色数值,而当使用“solid”则为单一颜色的线形简单边框。
★双线框代码★
效果如框内,是带背景色(熏衣草色)的简单双线框。
显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9。
显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdead。
背景颜色为淡黄色#FFFFE0,效果如框内所示。
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
★立体线框代码★
效果如框内所示,是带背景色(熏衣草色)的浮出立体线框,代码中的#E6E6FA是背景的颜色(熏衣草色)
背景为粉红色,效果如框内所示。
背景为桃色,效果如框内所示。
立体效果的彩色边框是在border-style后面使用不同的语法描述:
Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框。
通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。如:
使用上述语法将会为你呈现一个NAVAJO白底色红边框的浮出线效果背景,效果如框内显示。
显示的效果是背景色为桃色的立体线框。效果如框内所示,框内背景色为桃色#ffdab9。
对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式 Border-left-color: #xxxxxx定制边框颜色 Border-left-width: xpt 定制边框粗细
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果:(效果这里就不给出来了,有兴趣的可以回去试一下。)
你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入
,需要几次回车就键入几个
,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。
★滚动文本框代码★
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。
代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。
(注释:附语法语句的解释:
//层开始标记,对中对齐 :
文字
注意,这里需要将嵌套在这一语句中,即如下形式:
文字
当你想更改不同色彩的时候,只需将#ffb6c1这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。效果如粉红色区域显示。
★图片代码★
![](http://xxx.xxxx.com/xxx.jpg)
★背景音乐代码★
★视频代码★
★彩色边框代码★
日志文字
它会在你的文字外围生成一个红色边框,效果如框内显示。
border-style则控制边框的效果
border-width控制边框的粗细,
border-color调整边框的颜色,
这里你仍然可以使用如#xxxxxx的颜色数值,而当使用“solid”则为单一颜色的线形简单边框。
实线
★双线框代码★
文字
效果如框内,是带背景色(熏衣草色)的简单双线框。
文字
显示的效果是背景色为桃色的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdab9。
文字
显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示,边框的颜色是橙红色#ff4500,框内背景色为桃色#ffdead。
文字
背景颜色为淡黄色#FFFFE0,效果如框内所示。
文字
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
文字
这种双线框的效果有若隐若现的感觉,框的颜色是淡珊瑚色#f08080,框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
★立体线框代码★
文字
效果如框内所示,是带背景色(熏衣草色)的浮出立体线框,代码中的#E6E6FA是背景的颜色(熏衣草色)
文字
背景为粉红色,效果如框内所示。
文字
背景为桃色,效果如框内所示。
立体效果的彩色边框是在border-style后面使用不同的语法描述:
Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框。
通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。如:
日志文字
使用上述语法将会为你呈现一个NAVAJO白底色红边框的浮出线效果背景,效果如框内显示。
日志文字
显示的效果是背景色为桃色的立体线框。效果如框内所示,框内背景色为桃色#ffdab9。
对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式 Border-left-color: #xxxxxx定制边框颜色 Border-left-width: xpt 定制边框粗细
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果:(效果这里就不给出来了,有兴趣的可以回去试一下。)
你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入
,需要几次回车就键入几个
,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。
★滚动文本框代码★
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。
日志文字
代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。
(注释:附语法语句的解释:
//层开始标记,对中对齐 :
日志文字
图片--彩色背景代码
【代码素材】日志彩色边框特效代码/古典背景制作方法2
图片背景加移动字代码
日志彩色边框,图片写字,flash写字代码
博客加图片背景的代码、最新幻灯片代码
彩色边框代码
彩色边框代码
彩色边框代码1
彩色繁星闪烁【代码】
彩色渐变文字代码
(图片背景+移动文字+背景音乐)网易博客代码 - 新浪博客代码,网易博客代码,搜狐博客代码...
日志彩色边框,图片写字,flash写字代码 - 周三博的日志 - 网易博客
『Html代码交流 』 [图片背景] 十四种立体转动的图片特效
用代码制作彩色字
彩色音乐播放器代码
★彩色边框代码★
彩色标题闪光字代码!
【简单扼要】彩色边框代码★
标题彩色闪光字代码!
彩色字代码欢迎使用
融入背景的图片代码/多款非常漂亮的透明FLASH和增加QQ秀的代码
融入背景的图片代码/多lk;kl款非常漂亮的透明FLASH和增加QQ秀的代码
博客背景 一张图片上贴多个flash代码 - 心灵之约的日志 - 网易博客
日志彩色边框特效代码/古典背景制作方法