分享

启步学代码Ⅲ

 长风石皮浪 2011-03-13

  CSS样式表有非常强大的功能,调用CSS语句的各种滤镜属性和属值修饰图片边框,或编辑音画贴边框,可以得到精采的效果.先看两种贴图标签的不同效果.

  (1)HTML贴图标签代码如下:
<INPUT src="http://bbs./UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:16px #0000ff double">

 
 


 


  (2)套用样式表语句的HTML贴图代码如下:

<INPUT src="http://bbs./UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:25px #2828FF double">
  ◆style=套用CSS标记.
  ◆border:25px #2828FF double 双线边框语句,宽25点,蓝色.

显示结果(图片有蓝色双线边框):

 


 


  (1)粒状阴影边框实例代码:



显示结果:


 


   (2)邮票边框实例代码:



显示结果:


 


 (3)图片圆形羽化实例代码:



  ◆圆形羽化的属性与参数是tyle="FILTER: alpha(opacity=100,style=2)".
  ◆如果须要矩形羽化,把羽化属性与参数改为style=3,即可.


圆形羽化图片显示结果:



 


(4)图片左右颠倒实例代码:



◆filter:fliph (向右)
◆fliph:filter (向左)


显示结果:



 


 (5)立体阴影框实例代码:


显示结果:



 


 (5)图片加短矩形边框实例代码:


显示结果:



 


 (6)图片加立体边框实例代码:


显示结果:



 


击点打开html代码浏览器

  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)





23种CSS图片修饰效果演示


1。单线框



2。双线框



3。凸出框



4。凹进框



5。邮票框



6。虚线框



7。凹槽框



8。脊状框



9。立体阴影框



10。阴影框



11。横向渐变透明



12。圆形渐变透明



13。X形渐变透明



14。改变某种颜色



15。黑白效果



16。X光效果(底片)



17。浮雕效果



18。上下颠倒



19。左右颠倒



20。色彩颠倒



21。粒状阴影



22。模糊效果



23。水波效果(风吹)



 


23种CSS图片修饰效果代码:

***************************

如何用代码编辑特效文字

  做音画贴的代码中,用CSS样式表的滤镜属性语句,使文字产生立体阴影和光晕重叠等特殊效果,俗称特效文字.常用有下面几种代码.

  (一)Glow:在文字的边外加光辉效果代码:


  代码说明:
  ◆style=套用CSS标记.
  ◆<div style="FILTER: Glow....>在文字的边外加光辉.
  ◆(Color:发光颜色.
  ◆Strength:强度(0-100).
  ◆<FONT style=文字标签.

显示结果:

如画江山


 


  (二)Drop Shadow滤镜修饰的文字重叠效果代码:


 ◆Drop Shadow滤镜主要产生重叠效果。
 ◆color属性:设置影子文本的颜色;
 ◆offX和offY属性:影子文本下落的位移值。
 ◆Positive属性:指定透明象素阴影,布尔型,0为是,1为否。

显示结果:
社会主义好!


 


  (三)Shadow滤镜修饰的文字阴影果代码:


 ◆Shadow与Drop Shadow的影子特性不同,Shadow滤镜产生一种阴影效果 。
 ◆color属性:阴影颜色 。
 ◆direction属性:阴影角度,值取0至360度 。

显示结果:

社会主义好!


 


  (四)Shadow滤镜修饰的文字阴影果代码2:


显示结果:

网络世界


 


  (五)Shadow滤镜修饰的文字阴影效果代码3:


  说明:
   ◆文字阴影设置的另一种格式,阴影偏离位置可变.
   ◆Offx:X轴偏离值,正值阴影偏右,负值阴影偏左.
   ◆Offy:Y轴偏离值,正值阴影偏下,负值阴影偏上.
   ◆Positive:1或0,通常设为1.


显示结果:

 社会主义好!


 

  (六)Shadow滤镜修饰的文字阴影效果代码4:


显示结果:

春风秋雨


 


  (七)Wave滤镜修饰文字变幻效果代码:



 ◆Wave滤镜对过滤对象生成正弦波变形,造成一种变幻效果。
 ◆add属性:布尔型.0或1,0表示将原始对象加入最后效果中,1则反之。
 ◆freq属性:决定显示的频率,即应出现多少个波形。
 ◆strength属性:决定波形的振幅。



显示结果:

长空雁叫霜晨月


 

  原创编辑:游子
********************************************************

如何编辑竖排文字

  音画贴中或网页上有时要插入竖排文字,就应采取垂直布局,即文字起始于每页的右上角,其走向是向下的,换行时,下一行回到页面顶部并位于前一行的左侧。文字竖排有各种方法:图片法、软回车法和样式表(CSS)法.我试用绝对定位的方法,也可获得很好的效果.先看看用绝对定位编辑文字竖排方式:

毛主席诗词欣赏

采桑子
︼重阳
人生易老天难老
,岁岁重阳
今又重阳
,战地黄花分外香
一年一度秋风劲
,不似春光
胜似春光
,寥廓江天万里霜
游子学编竖排文字


 


(一)用 CSS 属性设置文字竖排

文字竖排的基本模式:


  ◆DIV style=定义启用CSS样式表标记.
  ◆WRITING-MODE:属性名称布局,有两个属值,水平lr-tb和垂直tb-rl.
  ◆tb-rl属值定义垂直,表示自上而下、从右向左.

显示结果:

毛主席诗词
七律 长征
红军不怕远征难,
万水千山只等闲。
五岭逶迤腾细浪,
乌蒙磅礴走泥丸。
金沙水拍云崖暖,
大渡桥横铁索寒。
更喜岷山千里雪,
三军过后尽开颜。

 



 


(二)可调整行距和字距的文字竖排的代码:


<DIV style="WRITING-MODE: tb-rl;LINE-HEIGHT: 2.0em; LETTER-SPACING: 0.2em;"> 毛主席诗词<br>
  答李淑一<br>
我失骄杨君失柳,<br>
杨柳轻扬直上重霄九。<br>
问讯吴刚何所有,<br>
吴刚捧出桂花酒。<br>
寂寞嫦娥舒广袖,<br>
万里长空且为忠魂舞。<br>
忽报人间曾伏虎,<br>
泪飞顿作倾盆雨。<br>
</div>


  ◆LINE-HEIGHT: 2.0em 调整文字水平行距.
  ◆LETTER-SPACING: 0.2em 调整文字垂直距.

显示结果:
毛主席诗词
  答李淑一
我失骄杨君失柳,  
杨柳轻扬直上重霄九。
问讯吴刚何所有,
吴刚捧出桂花酒。
寂寞嫦娥舒广袖,
万里长空且为忠魂舞。
忽报人间曾伏虎,
泪飞顿作倾盆雨。


 


(三)如何定位插入竖排文字


  单用CSS 属性设置文字竖排存在二个问题,即位置总是靠右边,其次是每行字多了要折行.用表格标签做一图框套装,宽度定为100不变,高度视每行字多少而定.代码如下:



  ◆这个示例没有设定位代码时,显示位置居左.
  ◆如果显示位置要居中或居右,可在代码前行加定位代码..
  ◆<DIV ALIGN=center>显示位置居中</DIV>.
  ◆<DIV ALIGN=RIGHT>显示位置居右</DIV>.


显示结果:

 
 
毛主席诗词
  答李淑一
我失骄杨君失柳,
杨柳轻扬直上重霄九。
问讯吴刚何所有,
吴刚捧出桂花酒。
寂寞嫦娥舒广袖,
万里长空且为忠魂舞。
忽报人间曾伏虎,
 

 


 


(四)居中定位插入竖排文字




显示结果:

  ︻忆江南︼ 白居易
江南好,
风景旧曾谙。
日出江花红胜火,
春来江水绿如蓝。
能不忆江南。
江南忆,
最忆是杭州。
山寺月中寻桂子,
郡亭枕上看潮头。
何日更重游。
江南忆,
其次忆吴宫。
吴酒一杯春竹叶,
吴娃双舞醉芙蓉。
早晚复相逢。
梳洗罢,
独倚望江楼。
过尽千帆都不是,
斜晖胍胍水悠悠。
肠断白苹洲。


 


(五)居右定位插入竖排文字




  ◆<DIV ALIGN=RIGHT>显示位置居右</DIV>.




显示结果:

 
 
《题临安驿》
     -林 升
山外青山楼外楼,
西湖歌舞几时休。
暖风熏得游人醉,
直把杭州作卞州。
 


 


(六)用 CSS 定位属性设置文字竖排

  用 CSS 定位属性内容相对定位和绝对定位的语句,可以获得很好的竖排效果.方法是:先设置相对定位标签,作为容器.再插入若于条绝对定位标签,加贴文字和分隔线.所有绝对标签的垂直启点TOP都设同一参数,而水平启点LEFT则按比例增减,宽度视字体大小而定.  对定位属性的理解:绝对定位的启点必须有参照条件,网页、楼面和表格等都可作为参照条件,但必须先设置相对定位,否则,单用绝对定位内容显示的位置会走到论坛页面的顶部或别的地方.

  相对定位的语句:
style="LEFT: 0px; WIDTH: 720px; POSITION: relative; TOP: 0px"
  绝对定位的语句:
style="position: absolute; top: 95px; left: 350px; width:50px;"

 相对定位和绝对定位的语句可单独定义使用,也可在各种标签行内套用.


定位挂贴竖排文字的代码1



  ◆<table border="25" width=600"....>先设置一张表格作为背景.
  ◆<DIV ...style=POSITION: relative >定义相对定位.作为绝对文字标签容框.
  ◆<font style=font:22pt face=隶书 color=#FFFF37>文字标签,各行文字通用.
  ◆<DIV style="LEFT: 550px; WIDTH: 30px; POSITION: absolute; TOP: -130px" >绝对定位标签.
  ◆一条绝对定位标签中贴一行字.调整水平启点LEFT参数来增减垂直行距.
  ◆每一行的中的特殊符号和最后一个字要有一个过行代码<br>.


显示结果:

毛主席诗词欣赏

采桑子
︼重阳
人生易老天难老
岁岁重阳
今又重阳
战地黄花分外香
一年一度秋风劲
不似春光
胜似春光
寥廓江天万里霜
游子学编竖排文字


 


定位挂贴竖排文字的代码2



  ◆本例是文字标签和贴图标签行内套用 CSS样式表定位语句.
  ◆style= (调用样式表语句)
  ◆POSITION: relative(属性名称"绝相对定位").
  ◆position: absolute (属性名称"绝对定位").
  ◆top: 90px (垂直启点距离相对定位的顶边垂直基准 90个点).
  ◆left: 250px (水平启点距离相对定位的左边水平基准250个点.
  ◆width:50px (宽度50点,用窄幅来限制文字从上向下走).
  ◆注意:逗号或句号的前面应设一个过行标签<br>).



显示结果:


枫桥夜泊
 
 
 
 

张 继
月落乌啼霜满天
江枫渔火对愁眠
姑苏城外寒山寺
夜半钟声到客船



 



击点打开ht代码浏览器

 
  原创编辑:游子
*****************************************

如何使用三合一图框

  三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是由三张图片组成的,这种图框插入内容操作较容易,网页打开也较快。第一张图片是顶部花边;第二张是贴入所有内容;第三张是底部花边.看下面这个图框好像是一张完整的图框。


在这张图框插入所有内容.


  其实这个图框是由下面三张图片合成的:

  ◆第一张是图框的顶部.



  ◆第二张是图框的中部.所有内容都在这图片中插入.

在这张图框插入所有内容.


  ◆第三张是图框的底部.



 

 

三合一花边图框代码模式:



<TABLE cellSpacing=0 cellPadding=0 width="="宽度"" height="高度" align=center background="第一张图片地址" border=0>
<TR><TD>
</TD></TR></TABLE>

<TABLE cellSpacing=0 cellPadding=40 width="="宽度"quot; height="高度" align=center background="第二张图片地址" border=0>
<TR><TD><CENTER>
<p align=CENTE><font face=华文行楷 size=6 color=00000ff>在这张图框插入所有内容.</font></P>
</TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="="宽度"" height="高度"align=center background="第三张图片地址" border=0>
<TR><TD></TD></TR></TBODY></TABLE>



  说明:
    ◆黑色字体是第一张图片代码,即顶部边框.
    ◆红色字体是第二张图片代码,即内容插入框.
    ◆蓝色体是第三张图片代码,即底部边框.
    ◆第二张表格的单元格内容与格线的距离(cellPadding=40 )要设大些,
     内容才不会溢出边框的图案.
    ◆各张表格的首尾标签不可设有空格、分行和分段,否则图框吻合不整齐.
    ◆三张表格都要用原图片的宽度和高度,特别是宽度,切切要同一样的参数.
    ◆把图片地址粘帖在空白网页上,打开后击图片右键,选属性找出图片大小数据.
    ◆第一和第二张图片如果有空白位置也可插入一些文字或图片.



 


三合一花边图框实例(一)


在这张图框插入所有内容.
.


  三合一花边图框实例(一)代码:



三张图片的地址,宽度和高度:
http://img701.photo./2004/10/25/25981/200511159633371.jpg 700*167
http://img701.photo./2004/10/25/25981/200511159633371.jpg 700*40
http://img701.photo./2004/10/25/25981/200511159633372.jpg 700*174


 

  三合一花边图框实例(二):

在这张图框插入所有内容.
.


  三合一花边图框实例(二)代码:




三张图片的地址,宽度和高度:
http://img701.photo./2004/10/25/25981/200511159631813.gif 700*125
http://img701.photo./2004/10/25/25981/200511159631814.gif 700125
http://img701.photo./2004/10/25/25981/200511159631815.gif  700*140


 



  三合一花边图框实例(三):

在这张图框插入所有内容.
.


  三合一花边图框实例(三)代码:



三张图片的地址,宽度和高度:

http://bbs./UploadFile/2008-7/200875591710577.jpg 850*192
http://bbs./UploadFile/2008-7/200875592977128.jpg 850*60
http://bbs./UploadFile/2008-7/200875594164088.jpg 850*189


 



使用三合一花边框贴图代码:






显示结果:


一剪寒梅傲立雪中


一剪梅
真情像草原广阔
层层风雨不能阻隔
总有云开 日出时候
万丈阳光照亮你我
真情像梅花开遍
冷冷冰雪不能掩没
就在最冷
枝头绽放
看见春天走向你我
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间


图文:网络 /编辑:游子(2008-10-28)

*************************************************************

用代码为相片加相框的方法

  根据相框素材不同类形,采用不同的加叠方法.即相框花边内径直线整齐方形或矩形的(非透明的).先贴相框,后贴相片.相框花边内径圆形、椭圆形和各种不规则图案的,而且相框内径空白的(透明的),先贴相片,后贴相框.

(一)相框内径直线整齐的(非透明的),先贴相框,后贴相片的代码:


<TABLE cellSpacing=0 cellPadding=0 width="宽度" height="高度" bordercolor=0000ff > background="相框地址" border=0>
<TR>
<td ><CENTER>
<INPUT type=image height="宽度" width=370 src="相片地址">
</CENTER>
</TD></TR></TABLE>
 



  ◆代码中蓝色字体是表格首标签,先贴相框.
  ◆代码中红色字体是贴图标签,插入相片.
  ◆表格的宽和高大小一定要按相框原有尺寸.
  ◆相片的大小可适当调整,但不能太多,以免造成相片失真.
  ◆相片和相框选配时形状应相接近.

下面是一张内径直线整齐的相框图片:


http://www./frames/larges/inpackets/002/00216.jpg
501*501

一张风景图片:


http://gb.cri.cn/mmsource/images/2007/03/22/nc070322007.jpg
390*455   

内径直线整齐的相框,先贴相框,后贴相片的代码:




显示结果:




 


(二)透明的相框用定位方法先贴相框,后贴相片的代码:

  相框内径圆形、椭圆形和各种不规则图案的相框,如果先贴相框后贴相片,会把相框的圆形或花边复盖掉,无法显示相框的优美特点.调用css语法,在htnl标签行内套用相对定位和绝对定位语句 ,采用先贴相片后贴相框的方法,可以达到较佳的效果.但相框素材必须是内径无背景无画布空白的(透明的).


<TABLE id=table style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 600px; ridge: " background=border=0>
<TR>
<TD>
<INPUT style="LEFT: 40px; WIDTH: 400px; POSITION: absolute; TOP: 0px; HEIGHT: 560px" type=image width=400 src="相片地址">
</INPUT>

<INPUT style="LEFT: -20px; WIDTH: 500px; POSITION: absolute; TOP: -20px; HEIGHT: 600px" type=image width=500 src="相框地址">
</INPUT>

</TD></TR></TABLE>



  ◆代码中黑色字体是表格标签,设置相对定位 POSITION: relative,作为容器.
  ◆代码中红色字体是设置绝对定位代码POSITION: absolute,先贴图片.
  ◆代码中蓝色字体是设置绝对定位代码POSITION: absoluteN,在图片一面加叠相框.
  ◆以上三条标签中都有style语句,这是套用css的标记.
  ◆位置控制语句的理解.LEFT(水平的距离),TOP(垂直的距离).
  ◆表格标签LEFT和TOP的启始值均设为零,作为本图框内所有插入内容位置的基准.
  ◆插入相片的位置控制,LEFT: 40px; WIDTH: 400px即距表格左边40px启400px宽.
  ◆插入相框的位置控制,LEFT: -20px; WIDTH: 500px即距表格左边-20px启500px宽.
  ◆水平距离启始LEFT.数值大离左边就远,如果是负数,则溢出表格定位范围的左边.
  ◆垂直距离启始,TOP.数值大离顶边就低,如果是负数,则溢出表格定位范围的顶边.
  ◆相片加相框是否完美,在于调整位置参数.


 


套用css语句相片加相框实例1


一张小美女相片:

内径没有背景的相框:


套用css语句相片加相框实例1代码:



先贴相片后加叠相框的效果:




 


套用css语句相片加相框实例2


一张小美女相片:

内径没有背景的相框:



套用css语句相片加相框实例2代码:



先贴相片后加叠相框的效果:









 


 


套用css语句相片加相框实例3


一张小美女相片:

内径没有背景的相框:



套用css语句相片加相框实例2代码:



先贴相片后加叠相框的效果:



如何做空间贴和超链接

   用较多特效代码(css样式表语句)编成的音画贴,必须做成空间贴,才能在论坛,个人主页及博客网页发表.
   音画贴做成空间贴:音画贴编辑成功后,将代码复制在空白记事本上,命名后辍为:.txt 的格式文件,如a101.txt,前面名字可用英文和数字自定,找个地方上传发表,打开后把网页空间贴地址复制下来,就可以用HTML代码采用超链接方式在网络上发表了.
  空间贴的具体佬法:
  第一,在电脑硬盘中建一个文件夹,命名"空间贴专用".
  第二,在文件夹中存放若干空白记事本,备用.
  第三,编辑一个音画贴,必须在浏览器上运行,显示成功.
  第四,把代码完整的复制粘贴在空白记事本上,并命名如:
     "a101.txt ".
  第五,找个可上传txt格式文件并能运行显示的网站上传发表.
  第六,上传txt格式文件与上传图片一样:击浏览,选择文件,打开,上传,发表.
  第七,打开上传的文件,网页的地址下载下来就可发表了.

  ◇有几个可上传txt格式文件并能运行显示效果的网站,供大家参考:
   新竹论坛-http://bbs./index.asp
  夕阳论坛-http://bbs./Default.asp
  老人坊论坛 -http://www./bbs/
  红网论坛 -http://bbs.rednet.cn/Boards.asp<
  常青论坛 -http://bbs./Index.asp


 


发表空间贴的方法

    使用超链接标签,模式如下:

<A href="网页空间贴地址" target=_blank>
<font style=font:12pt face=黑体 color=0000ff>
<B>空间贴标题文字</B>
</FONT></A>

超链接实例代码1:




显示效果:

常青论坛 -http://bbs./Index.asp


 


    超链接的文字要实现动态效果,可以调用css样式表语句如下:

<style>
A:link{color:#0000ff; font-size:11pt;FONT-WEIGHT:BOLD; text-decoration:underline}
A:visited{color:#0000ff; font-size:11pt;FONT-WEIGHT:BOLD; text-decoration:underline}
A:hover{color:#ff0000; font-size:10pt; text-decoration:none}
A:active{color:#000000; font-size:10pt; text-decoration:none}
</style>

超链接实例代码2:

 




显示效果:

新浪论坛  西陆论坛  搜狐论坛  QQ论坛  天涯论坛  古曲论坛


 


超连接无下划线代码:




显示效果:

古曲论坛


 


有些论坛可以直接运行网页贴,代码如下:




 


击点浏览更多代码模式

击点浏览更多相框素材

击点打开html代码浏览器

 
  原创编辑:游子
************************************************

音画贴编辑小平台

  为了方便编辑音画贴,将常用的一些HTML标签代码资料和素材集中在此备用,这是最简单的代码编辑小平台.做音画贴要记住很多用英文写成的代码.像我一样不懂英文,根本就是没办法,只好采用复制修改套用代码的笨方法, 同时省去手动打字之劳.启步学代码,这个小平台,可以即学即用,立马见效.做法是:复制要用的标签或模式的代码,粘贴到下面HTML编辑浏览器,修改文字或图片地址等对象内容即可.

击点打开:HTML编辑浏览器

击点打开:HTML在线编辑器



常用字体代码:

   宋体 黑体 幼圆   隶书 新宋体 华文新魏 华文行楷  华文细黑 华文彩云
  方正姚体  楷体_GB2312  仿宋_GB2312 

   


◆常用颜色代码◆ 

红色
#FF0000
黄色
#FFFF00
暗青色
#008B8B
碧绿色
#7FFFD4
白色
#FFFFFF
蓝色
#0000FF
紫罗兰
#8A2BE2
褐色
#A52A2A
黑色
#000000
黄绿色
#7FFF00
巧可力
#D2691E
珊瑚色
#FF7F50
菊兰色
#6495ED
暗深红
#DC143C
青色
#00FFFF
暗金黄
#B8860B
暗灰色
#A9A9A9
暗绿色
#006400
桃色
#FFDAB9
暗红色
#8B008B
红紫色
#FF00FF
暗灰蓝
#483D8B
墨绿色
#2F4F4F
亮肉色
#FFA07A
米绸色
#FFF8DC
粟色
#800000
橙色
#FFA500
热粉红
#FF69B4
金色
#FFD700
茶色
#D2B48C


击点:更多的颜色代码.



编辑音画贴各种素材


◇黑马图片素材资源 ◇七色图片素材资源 ◇玫瑰图片素材资源  ◇中华图片素材资源

◇智慧漂亮相框素材 ◇忆石漂亮相框素材 ◇中国专业素材图库  ◇中华三合一边框素材






◆常用HTML标签代码◆

   ◆1.文字设置代码:
<font face=黑体 size=4 color=red>文字设置代码</font>

  ◆2.大号文字设置代码:
<font face=黑体 style=font:50pt color=red>文字设置代码</font>

  ◆3.文字的边外加光辉效果代码:
<div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt"> <FONT style="FONT-SIZE: 60pt;FONT-FAMILY:隶书; COLOR: #ffff00"> 如画江山</FONT></div>

  ◆4.文字重叠效果代码:
<div style="FONT-SIZE:70pt;filter:dropshadow(color=#000000,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-FAMILY:隶书">社会主义好!</FONT> </div>

  ◆5.文字竖排代码:
<p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪,<br> 三军过后尽开颜。<br> .....<br> </FONT></P>

  ◆6.一条横线代码:
<CENTER> <HR SIZE=2 color=#ffff00 ALIGN=CENTER WIDTH="500"> </CENTER>

  ◆7.贴图代码1:
<img src="图片地址">

  ◆8.贴图代码2:
<INPUT src="图片地址" type=image width=500>

  ◆9.羽化图片代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="图片地址" type=image width=400>

  ◆10.超连接代码:
<A href="连接网页地址" target=_blank>说明文字</A>

  ◆11.从左向右移动的代码:
<MARQUEE scrollAmount=3 direction=right> 文字或图片从左向右移动 </marquee>

  ◆12.从右向左移动的代码:
<marquee scrollamount=2 direction=left> 文字或图片从右向左移动 </marquee>

  ◆13.从下向上移动的代码:
<marquee scrollamount=1 direction=up > 文字或图片从下向上移动 </marquee>

  ◆14.从上向下移动的代码:
<marquee scrollamount=5 direction=down >文字或图片从下向上移动 </marquee>

  ◆15.左右来回走移动的代码:
<marquee scrollamount=8 behavior=alternate > 文字或图片左右来回走移动 </marquee>

  ◆16.相对定位代码:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
</DIV>

  ◆17.绝对定位代码:
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
</DIV>

  ◆18.相对定位与绝对定位加叠图片代码:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
<INPUT type=image width=160 src="http://bbs./UploadFile/2008-6/20086111653319630.jpg" >
</INPUT> </DIV> </DIV>

  ◆19.各种常用标签语句:

<BR> 过行单标签.  <p></p> 过段标签. <pre>文字依原始样式显示标签</pre> 

 一个空格.  <li>文字行首加一个圆点.</li>圆点标签.

  ◆20.定位标签代码:

<CENTER>内容居中</CENTER>
<DIV align=center> 内容居中</DIV>
<p align=CENTE>内容居中</P>
<p align=LEFT>内容居左</P>
<p align=RIGHT>内容居右</P>

  水平加竖直定位指令语句(放在表格的列标签内):
<td align=LEFT valign=top>居左靠顶</td>
<td align=center valign=top>居中靠顶</td>
<td align=right valign=top>居右靠顶</td>
<td align=LEFT valign=bottom>居左靠底</td>
<td align=center valign=bottom>居中靠底</td>
<td align=right valign=bottom>居右靠底</td>


  ◆21.银色播放器代码:
<EMBED src="音乐文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">







    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约