CSS往九宫格中填写9个数字,鼠标悬浮到某一个数字时,数字变色

来源:互联网 发布:dota情书淘宝零食店 编辑:程序博客网 时间:2024/05/22 04:29
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>        table{            width: 150px;            height: 150px;        }        td{            width: 50px;            height: 50px;            background: #555555;            mso-cellspacing: 2px;            text-align: center;        }       td:hover{           color: yellow;           font-size: 30px;       }          </style>    <title>作业一</title></head><body><table>    <tr>        <td>1</td>        <td>2</td>        <td>3</td>    </tr>    <tr>        <td>4</td>        <td>5</td>        <td>36</td>    </tr>    <tr>        <td>7</td>        <td>8</td>        <td>9</td>    </tr></table></body></html>

运行结果:鼠标悬浮时,数字变黄


原创粉丝点击