图片/文字修饰效果与代码--2

来源：百度文库 编辑：神马文学网 时间：2024/04/19 15:41:19
单线框





双线框






凸出框






凹进框



邮票框



代码如下：







虚线框





凹槽框






脊状框






立体阴影框




代码转换如下：






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








图片/文字修饰效果与代码--2 图片/文字修饰效果与代码1 边框（图片/文字修饰效果与代码） 图片/文字修饰效果 图片/加边框修饰效果与代码 图片/加边框修饰效果 光晕效果文字代码 图片加修饰框及代码 用代码制作图片羽化效果2 图片处理效果代码 文字图片代码 为图片添加移动背景图的效果与代码 图片加修饰框及代码 - - 网易博客 图片加修饰框及代码 - - 网易博客 文字的修饰教学设计与反思-教学资源 滚动的图片效果&代码 图片滤镜---波形效果代码 滚动的图片效果&代码 Eelyn图片处理效果代码 文字加图片超级链接代码 文字加图片超级链接代码 文字加图片超级链接代码 【图片自动互换+2层FLASH+移动的字效果与代码】（制作\天马行空） - 天马行空的日志... 网易博客代码---图片中加入文字2