案例注意事项:
1.注意背景图片不需要用img实现,因为img标签中的title是鼠标悬停在图片上的时候显示的内容。
实现效果图:
代码:
DOCTYPE html>
html lang=“en”>
head>
meta charset=“UTF-8”>
meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
title>Documenttitle>
style>
.bkmaci{
width: 50px;
background-image:url(https://t7.baidu.com/it/u=1092574912,855301095&fm=193&f=GIF) ;
}
.rehuo{
background-size: auto;
background-image:url(https://t7.ba服务器托管网idu.com/it/u=1620952818,4218424235&fm=193&f=GIF);
}
style>
head>
body>
table border=“5px” align=“center” cellspacing=“2px” cellpa服务器托管网dding=“8px”>
tr align=“center”>
td width=“100px”>球队td>
td width=“100px”>球员td>
td width=“100px”>夺冠次数td>
tr>
tr align=“center” bgcolor=“lightgray”>
td rowspan=“3” class=“bkmaci”>马刺队td>
td>邓肯td>
td rowspan=“3”>5次td>
tr>
tr align=“center” bgcolor=“lightgray”>
td>帕克td>
tr>
tr align=“center” bgcolor=“lightgray”>
td>吉诺比利td>
tr>
tr align=“center” bgcolor=“lightpink”>
td rowspan=“3” class=“rehuo”>烈火队td>
td>詹姆斯td>
td rowspan=“3” >3次td>
tr>
tr align=“center” bgcolor=“lightpink”>
td>韦德td>
tr>
tr align=“center” bgcolor=“lightpink”>
td>波什td>
tr>
tr>
td colspan=“3”>比赛解说:黄健翔、姚明td>
tr>
table>
body>
html>
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: Junit执行器Runner探索之旅 | 京东云技术团队
单元测试是每个程序员必备的技能,而Runner是每个单元测试类必有属性。本文通过解读Junit源码,介绍junit中每个执行器的使用方法,让读者在单元测试时,可以灵活的使用Runner执行器。 一、背景 在今年的敏捷团队建设中,京东物流通过Suite执行器实现…