首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-11-23 
利用CSS3创建用户可以改变大小的DIV容器下面的例子展示了你如何利用CSS3创建用户可以改变大小的DIV容器。通

利用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

?

热点排行