利用CSS3创设用户可以改变大小的DIV容器 _HTML/CSS

利用CSS3创建用户可以改变大小的DIV容器

下面的例子展示了你如何利用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