做个计划

今天加了个87年的程序员群,发现87年后学C++的好少啊。。都是javaer..

做个计划在这里,不然每天看似忙碌,其实都是瞎忙

5月份:利用业务时间把代码大全兴趣的地方先过一遍
6月份:把linux shell编程指南过一遍
### 创建开班计划表的HTML和CSS实现 为了创建一个开班计划表,可以通过HTML定义表格结构,并通过CSS设置样式使其更加美观。以下是具体的实现方法: #### HTML部分 HTML提供了`<table>`标签用于构建表格结构。以下是一个简单的开班计划表的HTML代码示例[^1]。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>开班计划表</title> <link rel="stylesheet" href="styles.css"> <!-- 链接外部CSS文件 --> </head> <body> <h1 style="text-align: center;">开班计划表</h1> <table border="1" cellpadding="10" cellspacing="0" width="80%" align="center"> <thead> <tr> <th>序号</th> <th>课程名称</th> <th>授课时间</th> <th>讲师姓名</th> <th>备注</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>HTML基础</td> <td>周一上午 9:00-12:00</td> <td>张老师</td> <td>-</td> </tr> <tr> <td>2</td> <td>CSS布局</td> <td>周二下午 14:00-17:00</td> <td>李老师</td> <td>需提前准备案例素材</td> </tr> <tr> <td>3</td> <td>JavaScript编程</td> <td>周三全天 9:00-17:00</td> <td>王老师</td> <td>带笔记本电脑</td> </tr> </tbody> </table> </body> </html> ``` #### CSS部分 为了让表格更美观,可以使用CSS进行样式调整。以下是一个基本的CSS样式示例[^2]。 ```css /* styles.css */ table { border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ddd; padding: 8px; text-align: center; } th { background-color: #f4f4f4; color: #333; } tr:nth-child(even) { background-color: #f9f9f9; } tr:hover { background-color: #f1f1f1; } ``` 以上代码实现了以下几个功能: - 表格头部背景颜色为浅灰色,文字颜色为深灰。 - 偶数行设置了不同的背景色以便于区分。 - 当鼠标悬停在某一行时,该行会高亮显示。 #### 关键点说明 1. **表格结构**:通过`<table>`、`<thead>`、`<tbody>`等标签清晰划分表格的不同区域。 2. **样式优化**:利用CSS增强用户体验,使表格更具可读性和吸引力[^2]。 3. **响应式设计**:虽然当前未涉及媒体查询,但在实际项目中可通过`@media`规则进一步适配不同设备屏幕尺寸。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值