用HTML5 编写课程表界面

最新推荐文章于 2023-09-12 19:01:23 发布

原创

最新推荐文章于 2023-09-12 19:01:23 发布 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#html5

本文介绍了如何使用HTML5创建一个课程表界面，包括样式代码和最终展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面是用HTML5 编写的一个课程表界面


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的课程表</title>
        <link rel="stylesheet" href="kcb.css" type="text/css"> <!-- 引入外部样式表-->
</head>
<body>
   <div class="nr">
    <div class="bt"><p>我的课程表</p></div>
     <div class="TL"></div>
     <div class="Week">
       <ul>
         <li class="fl">一</li>
         <li class="fl">二</li>
         <li class="fl">三</li>
         <li class="fl">四</li>
         <li class="fl">五</li>
         <li class="fl">六</li>
         <li class="fl">日</li>
       </ul>
     </div>
     <div class="Source">
<!--       节数-->
       <div class="Num fl">
       <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li>6</li>
         <li>7</li>
         <li>8</li>
         <li>9</li>
         <li>10</li>
         <li>11</li>
         <li>12</li>
       </ul>