tu8.12.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 32 行

HTM
32
字号
<HTML>
<HEAD>
<TITLE>宽高和剪裁属性示例</TITLE>
<STYLE>
<!--
.original{ position:absolute; top:20px; left:30px }
.test1{ position:absolute; top:280px; left:30px; clip:rect(0 50px 50px 0)}
.test2{ position:absolute; top:280px; left:130px; width:50; height:50;overflow:scroll}
.test3{ position:absolute; top:280px; left:230px; width:50; height:50;overflow:hidden}
.test4{ position:absolute; top:280px; left:330px; width:50; height:50;overflow:auto}
-->
</STYLE>
</HEAD>
<BODY>
<DIV class=original>
  <IMG src=".../images/paper.jpg">   <!--原始图像-->
</DIV>
<DIV class=test1>
  <IMG src=".../images/paper.jpg">  <!--剪裁图像-->
</DIV>
<DIV class=test2>
  <IMG src=".../images/paper.jpg">  <!--剪裁图像-->
</DIV>
<DIV class=test3>
  <IMG src=".../images/paper.jpg">  <!--剪裁图像-->
</DIV>
<DIV class=test4>
  <IMG src=".../images/paper.jpg">  <!--剪裁图像-->
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?