First, let's look at a simple example.
<textarea id="runcode30105"><! 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=gb2312 "/> <title>http://www.cssrain.cn</title> <style> *{margin:0; padding:0;} body{ margin:0 Auto; font-size:12px;} . model{margin:0 auto; width:30px;. Model a:hover{Text-decoration:none;}. Model A img{border: #fff 1px solid;}. Model A:h Over img{border: #888 1px dotted;}. Model A span{padding:0; display:block; width:80px; height:50px; margin-top:-32px; ove Rflow:hidden; line-height:14px; Filter:alpha (opacity=0); opacity:.0; Cursor:pointer; Text-align:center;} </style> </pead> <body> </body> </ptml></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
