Frank的雜記CSS3連結效果測試!!:

<span style="
border-radius:5px;
box-shadow:0 -2px 2px #07080A inset, 2px 2px 2px #FFFFFF inset, -2px -12px 3px #666622 inset;
-moz-border-radius:5px;
-moz-box-shadow:0 -2px 2px #07080A inset, 2px 2px 2px #FFFFFF inset, -2px -12px 3px #666622 inset;
-webkit-border-radius:5px;
-webkit-box-shadow:0 -2px 2px #07080A inset, 2px 2px 2px #FFFFFF inset, -2px -12px 3px #666622 inset;
background:none repeat scroll 0 0 #FCCB04;
border-color:#CCC #07080A #07080A #662;
border-style:solid;
border-width:1px;
color:#FFAA00;
font-size:18px;
padding:0 2px;
text-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #07080A;">此測試只有在支援CSS3之火狐瀏覽器才能見到所有效果!!</span><p><a href="http://gfx.tw/frankhgs" title="連到Frank的抓火狐推薦頁！" target="_blank"><img vspace="0" hspace="0" border="0" src="http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/2.png" alt="連到Frank的抓火狐推薦頁！" /></a><h1 class="blogname" style="background: rgba(218, 255, 255,0.68);#background: #94ADAD;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red,inset 1px 1px 3px #222;
-moz-box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red,inset 1px 1px 3px #222;
-webkit-box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red,inset 1px 1px 3px #222;
border-radius: 8px;
border:rgb(230, 238, 233) 5px solid;
margin:88px auto;width:180px;"><a target="_blank"href="http://blog.xuite.net/frank.hgs/GE">Frank的雜記</a></h1><link rel="stylesheet" href="http://blog.xuite.net/_users/7/0/0/b/11559578/blog_222965/blog.css" type="text/css" media="screen" />

可貼上其他 html 做編輯測試!!