📄 tu8.11.htm

📁 一部非常好的javaScript教程

💻 HTM

字号:

<HTML>
<HEAD>
  <TITLE>定位属性示例</TITLE>
<STYLE>
<!--
 .block1 {background-color:#777744;
        position:absolute; top:20px; left:30px;
        z-index:1;
        width:400
}
 .block2 {background-color:#7777aa;
      position:absolute; top:35px; left:80px;
        z-index:2;
        width:450
}
 .block3 {background-color:#7777ff; 
        position:absolute; top:50px; left:180px;
        z-index:3;
        width:400
}
 .title1 {color:#ffffff; font-size:66pt; 
       position:absolute; top:20px; left:300px; z-index:6 }
 .title2 {color:#000000; font-size:66pt;
       position:absolute; top:23px; left:303px;
       z-index:5}
 .title3 {color:#444444; font-size:66pt;
       position:absolute; top:26px; left:306px;
       z-index:4}
 .author {color:#ff0000; font-size:12pt; letter-spacing:16;
        position:absolute; top:100px; left:30px;
        z-index:7}
 .content{color:#007fff; font-size:18pt;
        position:absolute; top:200px; left:50px;
        z-index:8; width:650}
 .innerContent{ text-indent:.75cm;text-align:justify}
-->
</STYLE>
</HEAD>
<BODY>
<DIV class="block1">  <!--定义颜色块-->
  <H4>&nbsp;</H4>
</DIV> 
<DIV class="block2">  <!--定义颜色块-->
  <H5>&nbsp;</H5>
</DIV> 
<DIV class="block3">  <!--定义颜色块-->
  <H6>&nbsp;</H6>
</DIV> 
<DIV class="title1"><P>醉花阴</P></DIV>  <!--文字重叠造成阴影效果-->
<DIV class="title2"><P>醉花阴</P></DIV> 
<DIV class="title3"><P">醉花阴</P></DIV> 
<DIV class="author">
  <P><I>李清照</I></P>
</DIV> 
<DIV class="content">
  <P class="innerContent">薄雾浓云愁永昼，瑞脑消金兽。佳节又重阳，玉枕纱厨，半夜凉初透。  东篱把酒黄昏后，有暗香盈袖。莫道不消魂？帘卷西风，人比黄花瘦。</P>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -