📄 tu8.12.htm

📁 一部非常好的javaScript教程

💻 HTM

字号:

<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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -