表格的颜色和边框的改变+光标变小手+跳转

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<style type="text/css">
table{

width: 500px;
height: 150px;
border-collapse: collapse;
}
td{
width: 80px;

}
div{
width: 200px;
height: 50px;
line-height: 50px;
background-color: #999999;
text-align: center;
margin-left: 50px;
border: 1px solid blue;
border-radius: 3px;
cursor: pointer;
float: left;
}


</style>


</head>

<body>
<table  border="1px" bordercolor="#000000" cellpadding="1px" cellspacing="1px" >
<tr style="text-align: center;">
<td style="background-color: yellow;">姓名</td>
<td style="background-color: yellow;">年龄</td>
<td style="background-color: yellow;">性别</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center;">张三三</td>
<td>18</td>
<td style="text-align: right;">男</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center; border-right-color: red;">李思思</td>
<td style="border-right-color: red;">19</td>
<td style="text-align: right;">女</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center;">王呜呜</td>
<td>20</td>
<td style="text-align: right;">男</td>
</tr>
<tr style="border-bottom-color: red;">
<td style="text-align: center; border-right-color: red;">赵琪琪</td>
<td style="border-right-color: red;">23</td>
<td style="text-align: right;">女</td>
</tr>
</table><br /><br />
<div>移动到我上面便小手</div>
<a href="http://www.baidu.com" style="margin-left: 50px;">我是超链接,点我可以打开一个新的百度搜索页面</a>

</body>
</html>
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭