13如何使用绝对定位加叠法.docVIP

13如何使用绝对定位加叠法 DIV align=center DIV id=table1 style=LEFT: -10px; WIDTH: 940px; POSITION: relative; TOP: 20px TABLE style=BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge height=“100%” cellSpacing=1 cellPadding=0 width=920 border=14 TBODY TR TD bgColor=#F5F5F5TABLE cellSpacing=0 cellPadding=20 width=100% border=0 TBODY TR tdCENTER DIV align=centerDIV style=FILTER: shadow(color=#000066, strength=6); WIDTH: 600pxfont face=隶书 style=font:40pt;color=#00ff00b 欢迎您！启步学代码。/b/font/DIV/DIV/CENTER CENTERBR font face=新宋体 style=font:14pt color=#000000b（游子学习笔记。 供初学HTML代码的朋友参考）BR p align=CENTEHR SIZE=3 color=#ff0000 ALIGN=CENTER WIDTH=500/PCENTERh2如何使用绝对定位加叠法/h2/CENTER P align=left 　　要在音画贴页面的任何一位置上或同一位置上加叠文字，图片和Flash等内容，可以套用 css样式表定位属性两个属值，即绝对定位和相对定位的语句，进行加叠或叫挂贴．绝对定位 的应用比较广泛，有一些技术难度，初步先选易入手的内联样式来学习．br 　　绝对定位和相对定位的语句：br br font style=font:14pt color=#0000ffb 　　style=LEFT: 0px; WIDTH: 940px; POSITION: absolute; TOP: 20pxbr 　　style=LEFT: 0px; WIDTH: 940px; POSITION: relative; TOP: 20pxbr /b/fontbr 　　◆style=内联css样式标记．br 　　◆LEFT: 0px距离左边水平启点数，值越大越靠右侧。br 　　◆LEFT: 0px也可设为RIGHT: 320px距离右边水平启点数．br 　　◆WIDTH: 940px宽度．br 　　◆POSITION　标记属性名称：定位．br 　　◆absolute　定位的属值：绝对定位．br 　　◆relative　定位的属值：相对定位．br 　　◆TOP: 20px　距离顶部垂直启点，值越大越靠下部。/p br p align=CENTEHR SIZE=3 color=#ff0000 ALIGN=CENTER WIDTH=500/Pbr CENTERfont style=font:16ptb绝对定位加叠法示例代码(1)/b/font/CENTERbr br TEXTAREA id=asdf name=textfield rows=12 cols=75 table border=1 width=500 cellspacing=1 height=250 id=table1 tr td bgcolor=#FFCCCC　 101 DIV style=示例代码(1)的水平和垂直启始点; WIDTH: 120px; POSITION: absolute; TOP: 20px; HEIGHT: 120px INPUT type=image width=120 src=/UploadFile/2008-6/20086111653319630.jpg br1/INPUT /DIV /td/tr/table /TEXTAREA brbr 显示结果： p align=center table border=1 width=500 cellspacing=1 height=250 id=table1 tr td bgcolor=#FFCCCC　 101 DIV style=LEFT: 780px; WIDTH: 120px