html學習（二）--列表

實現效果![在這里插入圖片描述](https://img-blog.csdnimg.cn/20191105184929481.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTQ2NjUw,size_16,color_FFFFFF,t_70)
源代碼

實現效果

源代碼

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>列表嵌套</title>
</head>
<style>
  h2{
    text-align: center;
  }
  #order{
    list-style-type:decimal;
  }
  span{
    font-weight: bold;
  }
  #singUp{
    list-style-type: upper-alpha;
  }
  #care{
    list-style-type: lower-alpha;
  }
</style>
<body>
   <h2>普通話考試通知</h2>
   <p>我院今年3月份的普通話水平測試開始接受報名，具體事項通知如下：</p>
   <ol id="order">
      <li ><span>報名</span>
        <ol id="singUp">
          <li>報名時間：3月16—21 日，逾期不予受理。</li>
          <li>報名地點：所在院系辦公室。</li>
          <li>報名費用：按物價局規定85元/人/次（含培訓費用），報名時交齊。</li>
          <li>
              提交資料及注意事項：
            <ol id="care">
              <li>參加測試的學生須填寫《普通話水平測試報名表》一份（準考證號碼不用填寫）；</li>
              <li>填寫準考證一份（編號不用填寫），所填姓名和出生年月等須與身份證一致；</li>
              <li>提交小一寸彩色證件照3張（照片不能是打印版、不能是生活照， 3張照片必須統一底片），其中兩張照片貼在報名表和準考證上，另一張用鋼筆在背面寫上校名、系別和姓名，與表格一起上交。</li>
            </ol >
          </li>
        </ol>
      </li>
      <li  class="orderli"><span>培訓</span></li>
      <li  class="orderli"><span>測試</span></li>
   </ol>
</body>
</html>

本文鏈接：https://blog.csdn.net/qq_41146650/article/details/102922050

智能推薦

HTML學習筆記（二）

1、表格<table> <tr>......</tr>定義行，<td>......</td>定義列表頭表示：如果要表示一個空行，可以用&nbsp空格占位符填充。 2、列表第一種：無序列表——<ul>，使用粗體圓點標記或者使用<ul type="circle"&g...

HTML學習(二)

如果試圖使用框架布局編寫網頁，在H5中”frame”標簽已被棄用（”frameset”標簽自然也被棄用了），取而代之的是”iframe”標簽。后者比之前者后者用用更加優越的靈活性。例如： frame不能脫離frameset單獨使用，iframe則可以。 fram不能放置與body中，這意味著如果你想使用框架布局則整個頁面都必...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

電腦空間不夠了？教你一個小秒招快速清理 Docker 占用的磁盤空間！

Docker 很占用空間，每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時，我們的磁盤空間會被大量占用。如果你也被這個問題所困擾，咱們就一起看一下 Docker 是如何使用磁盤空間的，以及如何回收。 docker 占用的空間可以通過下面的命令查看： TYPE 列出了docker 使用磁盤的 4 種類型： Images：所有鏡像占用的空間，包括拉取下來的鏡像，和本地構建的。 Con...