当前位置: 代码迷 >> HTML/CSS >> 利用CSS3创设用户可以改变大小的DIV容器
  详细解决方案

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

热度:122   发布时间:2012-11-23 22:54:33.0
利用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

?