首頁  >  文章  >  web前端  >  CSS手动改变DIV高宽_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:27:021120瀏覽

本实例代码可以使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属性

更多特效:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn