| 淡水鱼 さんのプロフィール淡水鱼,,平平淡淡,,安安静静,,フォトブログリスト |  ツール  ヘルプ |
日志里的水平线和分割线（一）上标<SUP>和下标<SUB>
以前想在 MSN Space 上表示出上标或下标，往往是用插入特殊字符来表示上标，通过改变字体大小来写下标。现在有了上标和下标这两个语句，就可以在网页上写出真正的上标和下标了，而且上标和下标所能使用的字符大大拓宽了。尤其是对上标来说，很多特殊字符中没有的文字符号，以前无法实现的，现在都变为可能。请看实例：
特殊字符效果： 25² aTiger™ Haire®
上标语句效果： 252 aTigerTM Haire®
上标语句： <sup>上标字符</sup>
改变字体大小效果： H2O A1 谜语答案
下标语句效果： H2O A1 谜语答案
下标语句： <sub>下标字符</sub>
如果想要同时写入上标和下标，情况就比较复杂了，在后面的表格语句的应用中会给出实例。
（二） 水平线/分隔线<HR>
在过去使用的 HTML Editor 2.0（Edit It）工具中，给出了一个添加水平线的图标，但当日志发布时，水平线会被过滤掉，并不能实际使用。所以不少朋友常常通过插入一长条图片来实现分隔的作用，网上也出现了很多收藏各式各样分隔线的日志。现在 MSN Space 允许使用水平线语句<HR>之后，一切变得简单了。虽然水平线可能没有图片那么动感实足、样式丰富，但是也能通过语言控制，变得色彩缤纷，起到分隔内容、装点日志的效果。
1、普通分隔线：<hr>
2、分隔线宽度属性：<hr width=50%> 或者 <hr width=250> （宽度为实际点数或百分比）
3、分隔线位置属性：<hr align=right width=50%> （位置分为 Left、Center、Right 三种）
4、分隔线厚度属性：<hr style="height:10px"> （奇怪，height=10 似乎不能起到效果）
5、分隔线无阴影属性：<hr style="height:10px" noshade>
6、分隔线彩色属性：<hr color=red> 或者 <hr color=#FF0000> （颜色可调）
7、渐变颜色的分隔线：
<hr style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px" color=green>
<hr style="filter:alpha(opacity=100,finishopacity=5,style=1);height:10px" color=blue>
8、中心透明的分隔线：
<hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px" color=orange>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px" color=#FF00FF>
9、中心不透明的分隔线：
<hr style="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px" color=yellow>
<hr style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px" color=#00FFFF>
10、波浪线：
<hr style="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px" color=pink width=95%>
11、三色线：
<hr style="border-top: #ff0000 solid; color: #00ff00; border-bottom: #0000ff solid; height: 9px">
12、虚线：
<hr style="border-top: 2px dashed; border-bottom: 2px dashed; height: 2px" color=black>
13、竖线： <hr style="height:100px; width:4px" color=orange> <hr style="filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; width:5px" color=navy> <hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; width:4px" color=red>
トラックバックこの記事のトラックバックの URL は次のとおりです。 http://freshwaterfish.spaces.live.com/blog/cns!51A99989F1E232E4!262.trak この記事を参照しているブログ
|
|
|
