首页 > web前端 > html教程 > CSS手动改变DIV高宽_html/css_WEB-ITnose

CSS手动改变DIV高宽_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:27:02
原创
1153 人浏览过

本实例代码可以使DIV可以手动改变大小

效果体验:http://hovertree.com/code/css/resize.htm

代码如下:

<!DOCTYPE html><html><head><title>何问起</title><base target="_blank" /><style> div{background-color:#f0f0f0;border:solid red 1px;padding:10px 40px; width:300px;resize:both;overflow:auto;}</style></head><body><div>resize 属性规定是否可由用户调整元素尺寸 - 何问起</div><p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p><a href="http://hovertree.com/h/bjaf/css3_resize.htm">参考</a><a href="http://hovertree.com/code/css/resize.htm">本文地址</a></body></html>                        
登录后复制

参考:css3的resize属性

更多特效:

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板