边框(图片/文字修饰效果与代码)
来源:百度文库 编辑:神马文学网 时间:2024/04/28 10:12:57
单线框
双线框
凸出框
凹进框
邮票框
代码如下:
虚线框
凹槽框
脊状框
立体阴影框
代码转换如下:
10。阴影框
横向渐变透明
圆形渐变透明
X形渐变透明
改变某种颜色
黑白效果
X光效果(底片)
浮雕效果
上下颠倒
左右颠倒
色彩颠倒
粒状阴影
模糊效果
水波效果(风吹)
Space 简易教程—— 文字格式与分隔线 (一)基本字体格式 在 Live Spaces 日志编辑工具条上,有三个用于修改日志文字格式的按钮:B I U,分别代表了“粗体”、“斜体”、“下划线”不同文字格式。其实用 HTML 语句,也可以作出同样的效果,甚至可以做出“删除线”的效果。请看下面的实例: 正常字符效果:Welcome to aTiger‘s Space!
粗体字符效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space! 或
Welcome to aTiger‘s Space!
斜体字符效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space! 或
Welcome to aTiger‘s Space!
下划线效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space!
删除线效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space!
以上实例全部在 Internet Explorer 6.0 浏览器中测试通过,对于不同的浏览器显示效果可能会略有差异。 (二)上标和下标 以前想在 MSN Space 上表示出上标或下标,往往是用插入特殊字符来表示上标,通过改变字体大小来写下标。现在有了上标和下标这两个语句,就可以在网页上写出真正的上标和下标了,而且上标和下标所能使用的字符大大拓宽了。尤其是对上标来说,很多特殊字符中没有的文字符号,以前无法实现的,现在都变为可能。请看实例: 特殊字符效果: 25² aTiger™ Haire® 上标语句效果: 252 aTigerTM Haire® 上标语句: 上标字符 改变字体大小效果: H2O A1 谜语答案 下标语句效果: H2O A1 谜语答案 下标语句: 下标字符 这样就可以在日志中写入数学公式、化学方程式等: A1X2 + A2X +A3 =0 (三) 水平线/分隔线
以前不少朋友常常通过在日志中插入一长条形图片来实现内容的分隔,而网上也出现了很多收藏各式各样分隔线图片的日志。现在 Live Spaces 允许使用水平线语句
之后,一切变得简单了。虽然水平线可能没有图片那么动感实足、样式丰富,但是也能通过语言控制,变得色彩缤纷,起到分隔内容、装点日志的效果。 1、普通分隔线:
2、分隔线宽度属性:
或者
(宽度为实际点数或百分比) 3、分隔线位置属性:
(位置分为 Left、Center、Right 三种) 4、分隔线厚度属性:
(奇怪,height=10 似乎不能起到效果) 5、分隔线无阴影属性:
6、分隔线彩色属性:
或者
(颜色可调) 7、渐变颜色的分隔线:
8、中心透明的分隔线:
9、中心不透明的分隔线:
10、波浪线:
11、三色线:
12、虚线:
13、竖线:
给日志加花边的代码
http://bbs.muwen.com/fileuploaddir/4B257549075.gifhttp://bbs.muwen.com/fileuploaddir/4B257553753.gifhttp://bbs.muwen.com/fileuploaddir/4B257556305.gifhttp://bbs.muwen.com/fileuploaddir/4B257558094.gifhttp://bbs.muwen.com/fileuploaddir/4B257561172.gifhttp://bbs.muwen.com/fileuploaddir/4B257569575.gifhttp://bbs.muwen.com/fileuploaddir/4B257576477.gifhttp://bbs.muwen.com/fileuploaddir/4B257578069.gifhttp://bbs.muwen.com/fileuploaddir/4B257585647.gifhttp://bbs.muwen.com/fileuploaddir/4B257585647.gifhttp://bbs.muwen.com/fileuploaddir/64187833719.gifhttp://bbs.muwen.com/fileuploaddir/64187796235.gifhttp://bbs.muwen.com/fileuploaddir/64187804811.gifhttp://bbs.muwen.com/fileuploaddir/4B2686448.4.gifhttp://bbs.muwen.com/fileuploaddir/4B2688117.1.gifhttp://bbs.5617.com/attachment/Type_gif/52_186927.gifhttp://bbs.5617.com/attachment/Type_gif/52_186925.gifhttp://bbs.5617.com/attachment/Type_gif/52_186915.gifhttp://bbs.5617.com/attachment/Type_gif/52_186911.gifhttp://bbs.5617.com/attachment/Type_gif/52_186910.gifhttp://bbs.5617.com/attachment/Type_gif/52_186909.gifhttp://bbs.5617.com/attachment/Type_gif/52_186908.gifhttp://bbs.5617.com/attachment/Type_gif/52_186907.gifhttp://bbs.5617.com/attachment/Type_gif/52_186906.gifhttp://bbs.5617.com/attachment/Type_gif/52_186905.gifhttp://bbs.5617.com/attachment/Type_gif/52_186904.gifhttp://bbs.5617.com/attachment/Type_gif/52_186903.gifhttp://bbs.5617.com/attachment/Type_gif/52_186901.gifhttp://bbs.5617.com/attachment/Type_gif/52_186900.gifhttp://bbs.5617.com/attachment/Type_gif/52_186898.gifhttp://bbs.5617.com/attachment/Type_gif/52_186897.gifhttp://bbs.5617.com/attachment/Type_gif/52_186896.gif
双线框
凸出框
凹进框
邮票框
代码如下:
虚线框
凹槽框
脊状框
立体阴影框
代码转换如下:
10。阴影框
横向渐变透明
圆形渐变透明
X形渐变透明
改变某种颜色
黑白效果
X光效果(底片)
浮雕效果
上下颠倒
左右颠倒
色彩颠倒
粒状阴影
模糊效果
水波效果(风吹)
Space 简易教程—— 文字格式与分隔线 (一)基本字体格式 在 Live Spaces 日志编辑工具条上,有三个用于修改日志文字格式的按钮:B I U,分别代表了“粗体”、“斜体”、“下划线”不同文字格式。其实用 HTML 语句,也可以作出同样的效果,甚至可以做出“删除线”的效果。请看下面的实例: 正常字符效果:Welcome to aTiger‘s Space!
粗体字符效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space! 或
Welcome to aTiger‘s Space!
斜体字符效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space! 或
Welcome to aTiger‘s Space!
下划线效果:Welcome to aTiger‘s Space!
语句:Welcome to aTiger‘s Space!
删除线效果:Welcome to aTiger‘s Space!
语句:
以上实例全部在 Internet Explorer 6.0 浏览器中测试通过,对于不同的浏览器显示效果可能会略有差异。 (二)上标和下标 以前想在 MSN Space 上表示出上标或下标,往往是用插入特殊字符来表示上标,通过改变字体大小来写下标。现在有了上标和下标这两个语句,就可以在网页上写出真正的上标和下标了,而且上标和下标所能使用的字符大大拓宽了。尤其是对上标来说,很多特殊字符中没有的文字符号,以前无法实现的,现在都变为可能。请看实例: 特殊字符效果: 25² aTiger™ Haire® 上标语句效果: 252 aTigerTM Haire® 上标语句: 上标字符 改变字体大小效果: H2O A1 谜语答案 下标语句效果: H2O A1 谜语答案 下标语句: 下标字符 这样就可以在日志中写入数学公式、化学方程式等: A1X2 + A2X +A3 =0 (三) 水平线/分隔线
以前不少朋友常常通过在日志中插入一长条形图片来实现内容的分隔,而网上也出现了很多收藏各式各样分隔线图片的日志。现在 Live Spaces 允许使用水平线语句
之后,一切变得简单了。虽然水平线可能没有图片那么动感实足、样式丰富,但是也能通过语言控制,变得色彩缤纷,起到分隔内容、装点日志的效果。 1、普通分隔线:
2、分隔线宽度属性:
或者
(宽度为实际点数或百分比) 3、分隔线位置属性:
(位置分为 Left、Center、Right 三种) 4、分隔线厚度属性:
(奇怪,height=10 似乎不能起到效果) 5、分隔线无阴影属性:
6、分隔线彩色属性:
或者
(颜色可调) 7、渐变颜色的分隔线:
8、中心透明的分隔线:
9、中心不透明的分隔线:
10、波浪线:
11、三色线:
12、虚线:
13、竖线:
给日志加花边的代码
http://bbs.muwen.com/fileuploaddir/4B257549075.gifhttp://bbs.muwen.com/fileuploaddir/4B257553753.gifhttp://bbs.muwen.com/fileuploaddir/4B257556305.gifhttp://bbs.muwen.com/fileuploaddir/4B257558094.gifhttp://bbs.muwen.com/fileuploaddir/4B257561172.gifhttp://bbs.muwen.com/fileuploaddir/4B257569575.gifhttp://bbs.muwen.com/fileuploaddir/4B257576477.gifhttp://bbs.muwen.com/fileuploaddir/4B257578069.gifhttp://bbs.muwen.com/fileuploaddir/4B257585647.gifhttp://bbs.muwen.com/fileuploaddir/4B257585647.gifhttp://bbs.muwen.com/fileuploaddir/64187833719.gifhttp://bbs.muwen.com/fileuploaddir/64187796235.gifhttp://bbs.muwen.com/fileuploaddir/64187804811.gifhttp://bbs.muwen.com/fileuploaddir/4B2686448.4.gifhttp://bbs.muwen.com/fileuploaddir/4B2688117.1.gifhttp://bbs.5617.com/attachment/Type_gif/52_186927.gifhttp://bbs.5617.com/attachment/Type_gif/52_186925.gifhttp://bbs.5617.com/attachment/Type_gif/52_186915.gifhttp://bbs.5617.com/attachment/Type_gif/52_186911.gifhttp://bbs.5617.com/attachment/Type_gif/52_186910.gifhttp://bbs.5617.com/attachment/Type_gif/52_186909.gifhttp://bbs.5617.com/attachment/Type_gif/52_186908.gifhttp://bbs.5617.com/attachment/Type_gif/52_186907.gifhttp://bbs.5617.com/attachment/Type_gif/52_186906.gifhttp://bbs.5617.com/attachment/Type_gif/52_186905.gifhttp://bbs.5617.com/attachment/Type_gif/52_186904.gifhttp://bbs.5617.com/attachment/Type_gif/52_186903.gifhttp://bbs.5617.com/attachment/Type_gif/52_186901.gifhttp://bbs.5617.com/attachment/Type_gif/52_186900.gifhttp://bbs.5617.com/attachment/Type_gif/52_186898.gifhttp://bbs.5617.com/attachment/Type_gif/52_186897.gifhttp://bbs.5617.com/attachment/Type_gif/52_186896.gif
边框(图片/文字修饰效果与代码)
图片/加边框修饰效果与代码
图片/文字修饰效果与代码--2
图片/文字修饰效果与代码1
图片/文字修饰效果
图片/加边框修饰效果
代码修饰的边框
精美边框代码与制作效果(三)
精美边框代码与制作效果(4)
淡化图片与边框代码
精美边框代码与制作效果
精美边框代码与制作效果
淡化图片与边框代码1
14-调用CSS语句修饰图片边框
光晕效果文字代码
引用 精美边框代码与制作效果(4) - 成靖的日志 - 网易博客
引用 精美边框代码与制作效果1(4) - 成靖的日志 - 网易博客
精美边框代码与制作效果(二) 2
图片加修饰框及代码
文字音画边框代码3
文字音画边框代码2
文字音画边框代码88
文字音画边框代码12
文字音画边框代码1