ホームページ > 記事 > ウェブフロントエンド > 浮き上がったボタンの効果_CSS/HTML

浮き上がったボタンの効果_CSS/HTML

WBOYオリジナル: 2016-05-16 12:10:344690ブラウズ

[Ctrl+A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

<style>

body{background: #DDD;} 
table 
{ 
 width: 450px;height:75; 
 background: #CCC;filter:progid:DXImagetransform.microsoft.shadow(strength=10,direction=135,color=#666666); 
} 
td{text-align: center;} 
td a{ 
 width: 100px; 
 30px; 
 text-align: center; 
 border-top: 2px solid #FFF; 
 border-bottom: 2px solid #333; 
 text-decoration: none;padding:3px; 
} 
td a:hover{ 
 background: #DDD;font-family:华文行楷;padding:5px; 
} 
td a:active 
{ 
 padding:7px; 
 color: #ED1C24; 
 font-weight: bold; 
} 
</style>
<table border="0" align="center"> 
<tr> 
<td><a href="#">金翅擘海</a></td>
<td><a href="#">知往观来</a></td>
<td><a href="#">独来读网</a></td>
<td><a href="#">野火寒烟</a></td> 
</tr> 
<tr> 
<td><a href="#">萧萧小雨</a></td>
<td><a href="#">湖面无舟</a></td>
<td><a href="#">孤零飘客</a></td>
<td><a href="#">天牙海脚</a></td> 
</tr> 
</table>

<table border="0" align="center">
<tr>
<td><a href="#">海を割る黄金の翼</a></td>
<td><a href="#">知識 行って見来て </a></td>
<td><a href="#">Dulaidu.com<input onclick="runEx('runcode7213')" type="button" value="运行代码"></a></td>
<td><a href="#">山火事の冷煙<input onclick="doCopy('runcode7213')" type="button" value="复制代码"></a></td>
</tr>
<tr>
<td><a href="#">シャオ シャオ シャオユウ<input onclick="doSave(runcode7213)" type="button" value="保存代码"></a></td>
<td>
<a href="#">湖にはボートがありません</a><a href="/article/23421.htm" title="查看具体详情" target="_blank"></a>
</td>
<td>孤独な放浪者</td>
<td><a href="#">天亜海角</a></td>
</tr>
</table>
 <div class="htmlarea"> <textarea id="runcode60260"> [Ctrl+A すべて選択 注: <table width="60" cellspacing="16" bgcolor="buttonface" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);"> 
<tr> 
<td width="100%" name="cool" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> 
鹤发童颜 
</td> 
<td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> 
青梅竹马 
</td> 
<td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> 
知往观来 
</td> 
<td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> 
金翅擘海
 

</td> 
</tr> 
</table>外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

[Ctrl+A すべて選択注: 外部 Js を導入する必要がある場合は、を実行するために更新する必要があります]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：黒のテキストと白の境界線 css_CSS/HTML次の記事：黒のテキストと白の境界線 css_CSS/HTML

続きを見る

浮き上がったボタンの効果_CSS/HTML

関連記事