:HOVER, :ACTIVE 的應用。使用時要注意，在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。 <style type='text/css'> .hvr {margin:0px;} .hvr:hover {margin:20px;} .hvr:active {margin:40px;} </style> <div style='width:300px; height:300px; background:#733'> <img class=hvr src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkRzQhhtbzJZB2AZE3Ud_K4poNGAX7hjwO2OoBd8SNHhRMffYRfw9qSeNFexU7Ujwl_U6lb2RYPn3Dc4kJ8d8zE5LnmY2Gz6CMS7I37b1PUw5fYZLQIcEIxMI8Dqv2mYFEjEawXtTJZs/s200/shape.jpg" /> <hr /> </div>
javascript 應用。可以用 style 物件 的特徵 margin, marginBottom, marginLeft, marginRight, marginTop 讀取或設定特徵值。 <div id='atr3' style='margin:1px 5px 9px 11px;background:red; width:200px; height:150px'> 射擊遊戲, 益智遊戲, 好玩遊戲, 搏擊遊戲, 賽車遊戲, 小遊戲. </div> <script type='text/javascript'> var os=document.getElementById('atr3').style; document.write( os.margin +'<br />'+ os.marginTop +'<br />'+ os.marginRight +'<br />'+ os.marginBottom +'<br />'+ os.marginLeft ); </script>