文章目录

table表格细线+鼠标移上背景色渐变

table td表格细线制作方法,加上鼠标移到单元格时背景色渐变。

html代码<style>
.tbbg{width:100%;background:#c3d9ee; margin-top:10px;}
.tbbg tr{background:#ffffff;line-height:22px;}
.tbbg tr:hover{background:#bfe5ea;line-height:22px;transition:background 0.35s, color 0.35s;
-moz-transition:background 0.35s, color 0.35s; /* Firefox 4 */
-webkit-transition:background 0.35s, color 0.35s; /* Safari and Chrome */
-o-transition:background 0.35s, color 0.35s; /* Opera */}
</style>
<table cellspacing="1" class="tbbg">
	<tr>
    	<td>1</td>
    	<td>赵丽颖有翡造型</td>
    </tr>
	<tr>
    	<td>2</td>
    	<td>齐商银行11张罚单</td>
    </tr>
	<tr>
    	<td>3</td>
    	<td>北京大兴机场投运</td>
    </tr>
	<tr>
    	<td>4</td>
    	<td>70年登月在路上</td>
    </tr>
	<tr>
    	<td>5</td>
    	<td>小米环绕屏手机</td>
    </tr>
</table>
实例效果

本文网址:http://www.santii.com/article/232.html

数据更新时间:2019-12-13