Heim >Web-Frontend >CSS-Tutorial >Erhöhter Button-Effekt_CSS/HTML

Erhöhter Button-Effekt_CSS/HTML

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 12:10:344796Durchsuche

[Strg+A Alles auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen

]

<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="#">Golden Wings Breaking the Sea</a></td>
<td><a href="#">Wissen GehAnsehenKomm </a></td>
<td><a href="#">Dulaidu.com<input onclick="runEx('runcode7213')" type="button" value="运行代码"></a></td>
<td><a href="#">Wildfire Cold Smoke<input onclick="doCopy('runcode7213')" type="button" value="复制代码"></a></td>
</tr>
<tr>
<td><a href="#">Xiao Xiao Xiaoyu<input onclick="doSave(runcode7213)" type="button" value="保存代码"></a></td>
<td>
<a href="#">Es gibt kein Boot auf dem See</a><a href="/article/23421.htm" title="查看具体详情" target="_blank"></a>
</td>
<td>Einsamer Wanderer</td>
<td><a href="#">Tianya Haijiao</a></td>
</tr>
</table>
 <div class="htmlarea"> <textarea id="runcode60260"> [Strg+A Alles auswählen Hinweis: <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>Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen

]

[Strg+A alle auswählen Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie zum Ausführen eine Aktualisierung durchführen ]

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Schwarzer Text mit weißen Rändern css_CSS/HTMLNächster Artikel：Schwarzer Text mit weißen Rändern css_CSS/HTML

In Verbindung stehende Artikel

Mehr sehen