| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- /* 取消ul li 标签默认样式 */
- ul {
- list-style: none;
- }
- ul li {
- width: 100px;
- height: 80px;
- border: 1px solid #000;
- text-align: center;
- line-height: 80px;
- }
- ul li:hover {
- color: rgb(255,0,0);
- background: #f00;
- }
- /*
- 颜色（十六进制颜色） rgb颜色
- 红色 #f00 #ff0000 rgb(255,0,0)
- 黄色 #ff0 #ffff00 rgb(255,255,0)
- 绿色 #0f0 #00ff00 rgb(0,255,0)
- 蓝色 #00f #0000ff rgb(0,0,255)
- 黑色 #000 #000000 rgb(0,0,0)
- 白色 #fff #ffffff rgb(255,255,255)
- */
- </style>
- </head>
- <body>
- <ul>
- <li>音乐</li>
- <li>舞蹈</li>
- <li>书画</li>
- <li>绘画</li>
- </ul>
- </body>
- </html>
|
