2. 程式人生 > >HTML5實現細線課程表

HTML5實現細線課程表

阿新 • • 發佈：2019-02-14

純H5實現的細線課程表

詳細程式碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
</head>
<body>
     <table width="300" height="200"  bgcolor="green" cellspacing="1" align="center">
          <caption>課程表</caption>
          <tr bgcolor="white"
 
>
             <th colspan="2" width="60"></th>
             <th>星期一</th>
             <th>星期二</th>
             <th>星期三</th>
             <th>星期四</th>
             <th>星期五</th>
          </tr>
          <tr bgcolor="white">
 

              <td rowspan="2" width="50">上午</td>
              <td width="30">1</td>
              <td>語文</td>
              <td>數學</td>
              <td>物理</td>
              <td>化學</td>
              <td>生物</td>   
          </tr
 
>
          <tr bgcolor="white">
              <td>2</td>
              <td>體育</td>
              <td>音樂</td>
              <td>幾何</td>
              <td>畫畫</td>
              <td>舞蹈</td>   
          </tr>
          <tr bgcolor="white">
              <td rowspan="2">下午</td>
              <td>1</td>
              <td>體育</td>
              <td>畫畫</td>
              <td>音樂</td>
              <td>語文</td>
              <td>音樂</td>   
          </tr>
          <tr bgcolor="white">
             <td>2</td>
             <td>英語</td>
             <td>舞蹈</td>
             <td>體育</td>
             <td>唱歌</td>
             <td>體育</td>
          </tr>
     </table>
</body>
</html>

效果圖：
這裡寫圖片描述

相關推薦

HTML5實現細線課程表

純H5實現的細線課程表 詳細程式碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta char

手機上實現細線的效果

手機 scale cnblogs orm png ati pan com pos 使用縮放， html 1 <div class="slim"></div> css 1 .slim{ 2 position: relative;

在網頁中實現細線邊框的兩種方法

　　很多朋友都有過製作網頁的經歷，如今，眾多網頁的設計都用到了表格。這樣不僅有利於網頁的維護，同時，提高了網頁的觀賞性。在眾多網頁製作風格中，細邊框這個製作方法是必不可少的。這裡，我將簡單地談一下細邊框的製作方法。　　　　談到細邊框，本人認為大致有兩種製作方法，第一種是用表格

用cellspacing實現細線表格

今天在做細線表格的時候，用cellspacing=1實現效果，挺好看的，而平時用的是border cellpadding 屬性規定單元邊沿與其內容之間的空白。 <table border="0" cellpadding="0" cellspacing="1" cl

HTML細線表格的實現

需要 CI 實現 代碼 單元格 cells 通過 bgcolor 方法 在網頁制作中，我們常常會使用到表格，表格使得需要表達的信息更清楚，明了。 <table border="1" cellspacing="0" bordercolor="#000000" widt

CSS 0.5px 細線邊框的原理和實現方式

bottom back 先決條件 device min style ati 而且 origin 　　細線邊框的具體實現方法有：偽元素縮放或漸變，box-shadow模擬，svg畫線，border-image裁剪等。要實現小於1px的線條，有個先決條件：屏幕的分辨率要足夠高，

HTML5新特性 Web Workers 實現多線程

利用 程序 實現 -s mina 事情 輸入 運算 his 引子：（JS單線程） 什麽是webworker？ Web Worker為Web應用程序提供了一種能在後臺中運行的方法。通過Web Worker可以生成多個線程同時運行，並保證頁面對用戶的及時響應，完全不

css 0.5px 間隔細線 | border 細線的實現 參考WeUI

在Android中系統是識別0.5dp的，但是在web中瀏覽器核心在遇到0.5px時會向上取整為1px。 前端UI設計的間隔線都是設計0.5px，這時候用border-bottom: 1px soli

不用css，實現帶細線灰色邊框的表格

<table width="800px" border="0px" cellpadding="10px" cellspacing="1" align="center" bgcolor="#d8d8d8"> <caption

[深入學習C#]C#實現多線程的方式：Task——任務

ren avr 利用 run 如何 創建 其中 continue rep 簡介 　　.NET 4包含新名稱空間System.Threading.Tasks，它 包含的類抽象出了線程功能。 在後臺使用ThreadPool。 任務表示應完成的某個單元的工作。 這個單元的工作可以

javascript實現多線程 Concurrent.Thread.js

發送 哪裏 ron alert 執行 網上 點擊 tex 隊列 在這次我的項目中，因為前端要檢測硬件加載並識別，再向後臺請求發送數據，然後再返回的相應的配置文件！在這過程，要好時好幾秒鐘，嚴重影響體驗效果，所以在網上靠看的方案，運用多線程去處理，這效果明顯改善！ 在這同

windows編程 使用C++實現多線程類

size ring oid rime 業務 res rim .net 通知 有時候我們想在一個類中實現多線程，主線程在某些時刻獲得數據，可以“通知”子線程去處理，然後把結果返回。下面的實例是主線程每隔2s產生10個隨機數，將這10隨機數傳給多線程類，讓它接收到數據後馬上打印

系統API函數實現多線程及線程同步

容易 erro include man pre art Owner 參數 全局 1、線程的創建 　　須包含頭文件：#include <windows.h> 　　HANDLE CreateThread( 　　　　LPSECURITY_ATTRIBUTES lp

【Java並發編程】之六：Runnable和Thread實現多線程的區別（含代碼）

技術分享 runnable 避免 實際應用 details div 一個 預測 enter 轉載請註明出處：http://blog.csdn.net/ns_code/article/details/17161237 Java中實現多線程有兩種方法：繼承Thre

.實現多線程的幾種方式

lai 博客園 news 無法 date() fix 自己的 som 測試 有三種： (1)繼承Thread類，重寫run函數 創建： [java] view plain copy <span style="font-size:1

excel轉html 實現在線預覽

格式 ole pen all poi cef 數字類型 ati rri 首先說一下，本人發布的代碼都是經過本人親測，並且用在實際項目中。如果覺得可以，希望大家點個贊，謝謝大家。 有什麽問題，大家評論出來，一起交流。好了，不廢話了，下面來說一說這個東西怎麽做。 網上也有許多版

11.2-全棧Java筆記:Java中如何實現多線程

java在JAVA中使用多線程非常簡單，我們先學習如何創建和使用線程，然後結合案例再深入剖析線程的特性。通過繼承Thread類實現多線程繼承Thread類實現多線程的步驟：1. 在Java中負責線程的這個功能的是java.lang.Thread 這個類2. 可以通過創建 Thread 的實例來創建新的線程。3

使用Python之paramiko模塊和threading實現多線程登錄多臺Linux服務器

python ssh paramikothreading 遠程 有時候我們需要在多臺Linux服務器上面執行同樣的命令，或者同樣的操作，如果我們每一臺單獨登錄上去做這樣太麻煩了，所以我們可以考慮使用自動化腳本來實現。我這裏使用Python多線程的方式，這樣速度更快，如果使用Sh

微信 HTML5 實現列表頁與詳情頁無刷新返回 seesionStorage

list tar 尋址 ron string 開發 lan 情況 detail 最近在最微信端開發，遇到了一個比較有意思的問題。 1：商品分頁列表頁 2：商品詳情頁 需求: 實現當在第N頁的列表頁，點擊ID=Num的商品詳情頁，跳轉到詳情頁後，再點擊返回按鈕，依舊返回到

使用workerman實現在線聊天-第一版

send value 姓名 命名 數據庫 isset 實現 != 解析 workerman 是一個php編寫的通訊服務。之前的項目都是用它做數據接口服務 這次用它做一個簡單的在線聊天室~ 1.下載最新版本的workerman 可以去 http://www.worker