Rumah > Artikel > hujung hadapan web > Butang dinaikkan effect_CSS/HTML

Butang dinaikkan effect_CSS/HTML

WBOYasal: 2016-05-16 12:10:344690semak imbas

[Ctrl+A Pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan

]

<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="#">Sayap Emas Memecah Laut</a></td>
<td><a href="#">Pengetahuan PergiLihatMari </a></td>
<td><a href="#">Dulaidu.com<input onclick="runEx('runcode7213')" type="button" value="运行代码"></a></td>
<td><a href="#">Asap Sejuk Api Liar<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="#">Tiada bot di tasik</a><a href="/article/23421.htm" title="查看具体详情" target="_blank"></a>
</td>
<td><a href="#%20">Pengembara kesepian</a></td>
<td><a href="#">Tianya Haijiao</a></td>
</tr>
</table>
 <div class="htmlarea"> <textarea id="runcode60260"> [Ctrl+A Pilih semua Nota: <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>Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan

]

[Ctrl+A pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Teks hitam dengan sempadan putih css_CSS/HTMLArtikel seterusnya：Teks hitam dengan sempadan putih css_CSS/HTML

Artikel berkaitan

Lihat lagi