列表行高亮显示

最新推荐文章于 2023-09-12 17:11:14 发布

码子w

最新推荐文章于 2023-09-12 17:11:14 发布

阅读量129

点赞数

分类专栏： HTML和CSS 文章标签： html 前端 servlet

码王

本文链接：https://blog.csdn.net/qq_53732168/article/details/126034494

版权

HTML和CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<title>Table V01</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
    
<style type="text/css">
 
* {
margin: 0px; 
padding: 0px; 
box-sizing: border-box;
}
 
body, html {
height: 100%;
font-family: sans-serif;
padding-top:30px;
}
 
* {font-family: Helvetica Neue, Arial, sans-serif; }
 
body { background-image: linear-gradient(#aaa 25%, #000); }
 

 
table {border-collapse: collapse;  width: 70%; margin: 0 auto 5rem;}
 
th, td { padding: 1.5rem; font-size: 1.3rem; }
tr:hover:not(#firstrow), tr:hover td:empty {background: #ff0; pointer-events: visible;}
tr:hover:not(#firstrow) { transform: scale(1.2); font-weight: 700; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);}
 
 
</style>
</head>
<body> 
<table id="racetimes">
<tr><td>码</td><td>子</td><td>W</td><td></td></tr>

</table>
 
</body>
</html>