本實例代碼可以使DIV可以手動改變大小 效果體驗:http://hovertree.com/code/css/resize.htm 代碼如下: <!DOCTYPE html> <html> <head><title>何問起</title><base target="_blank" /> <style
本實例代碼可以使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>
更多特效:http://www.cnblogs.com/jihua/p/webfront.html