日期:2014-05-17 浏览次数:20704 次
下面的例子展示了你如何利用CSS3创建用户可以改变大小的DIV容器。通过设置resize和overflow样式。
?
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .isResizable { background: rgba(255, 0, 0, 0.2); font-size: 2em; border: 1px solid black; overflow: hidden; resize: both; width: 160px; height: 120px; min-width: 120px; min-height: 90px; max-width: 400px; max-height: 300px; } </style> </head> <body> <div class="isResizable">The quick brown fox jumps over the lazy dog.</div> </body> </html>
?
源码下载:
creating-a-user-resizable-div-tag-using-css3.zip
?