Maison > Article > interface Web > Effet de bouton surélevé_CSS/HTML

Effet de bouton surélevé_CSS/HTML

WBOYoriginal: 2016-05-16 12:10:344687parcourir

[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter

]

<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="#">Ailes dorées brisant la mer</a></td>
<td><a href="#">Connaissance AllerVoirVenir </a></td>
<td><a href="#">Dulaidu.com<input onclick="runEx('runcode7213')" type="button" value="运行代码"></a></td>
<td><a href="#">Fumée froide des feux de forêt<input onclick="doCopy('runcode7213')" type="button" value="复制代码"></a></td>
</tr>
<tr>
<td><a href="#">Xiao Xiaoyu<input onclick="doSave(runcode7213)" type="button" value="保存代码"></a></td>
<td>
<a href="#">Il n'y a pas de bateau sur le lac</a><a href="/article/23421.htm" title="查看具体详情" target="_blank"></a>
</td>
<td><a href="#%20">Vagabond solitaire</a></td>
<td><a href="#">Tianya Haijiao</a></td>
</tr>
</table>
 <div class="htmlarea"> <textarea id="runcode60260"> [Ctrl+A Tout sélectionner Remarque : <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>Si vous devez introduire des J externes, vous devez actualiser pour exécuter

]

[Ctrl+A tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Texte noir avec bordures blanches css_CSS/HTMLArticle suivant：Texte noir avec bordures blanches css_CSS/HTML

Articles Liés

Voir plus