标题 | 使用css样式实现动态图片裁剪示例 |
范文 | 使用样式实现动态图片裁剪 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"></p> <p><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/></p> <p> <title>untitled</title></p> <p> <style type="text/css" media="screen"> div.crop { height: 300px; width: 350px; overflow: hidden; } div.crop img { margin: -300px -200px 0 0; } </style></p> <p></head></p> <p><body></p> <p><div> <img src="paper-sculpture-large.jpg"> </div></p> <p></body> </html> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。