<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> Resize </title> <style type =" text/css "> # rRightDown, # rLeftDown, # rLeftUp, # rRightUp, # rRight, # rLeft, # rUp, # rDown {position: absolute; background: # C00; width: 6px; height: 6px; z-index: 5; font-size: 0 ;} # rLeftDown, # rRightUp {cursor: ne-resize;} # rRightDown, # rLeftUp {cursor: nw-resize;} # rRight, # rLeft {cursor: e-resize ;} # rUp, # rDown {cursor: n-resize ;}# rRightDown {bottom:-3px; right:-3px ;}# rLeftDown {bottom:-3px; left: -3px ;}# rRightUp {top:-3px; right:-3px ;}# rLeftUp {top:-3px; left:-3px ;}# rRight {right:-3px; top: 50%} # rLeft {left:-3px; top: 50%} # rUp {top:-3px; left: 50%} # rDown {bottom:-3px; left: 50% }</style> </pead> <body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]