`
zlpx
  • 浏览: 153252 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

CSS3 
阅读更多

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

 

分享到：
| HTML5中交替变换表格的行颜色
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics