2022年3月24日 星期四

table 去邊框 + 組合

 這次的需求是寄出信件,

但是信件內容是html組成如下







一開始覺得麻煩, 乾脆都弄表格的

因為不知道去邊框怎麼弄成這種格式

後來有想法

只要都只留下橫線的部分,  另外把外框去掉, 就可以形成外面的部分

另外, 中間就再弄個3X3 table出來就好了

去外框可以用 frame=void

都使用橫線可以用 rules=rows

<html> 
<head> <title> TABLE 範例程式 </title> </head>
<body> 
<table BORDER="5"WIDTH="680" frame=void rules=rows> 
<tr></tr> 
<tr><td COLSPAN="8" align="center">雲端腎臟病照顧平台訊息通知[庫存量]</tr> 
<tr><td COLSPAN="6">訊息來源<td COLSPAN="4">[台北透析診所]雲端腎臟病照顧平台</tr> <tr> <td COLSPAN="8">
<p>訊息內容</p>
 <table border=4 align=center width=80% cellspacing=5 cellpadding=6 rules=none frame=void> 
<tr> <td>商品代號</td> <td>品項名稱</td> <td>目前庫存量</td> </tr> 
<tr><td>12345678</td><td>安全穿刺針17G</td><td>10</td></tr> 
</table> 
<p>本信件為系統自動寄出,請勿直接回覆</p> 
</td></tr> 
<tr></tr> 
</table> 
</body> 
</html>

結果








參考
https://www.twblogs.net/a/5b7f41f82b717767c6aea0a3
https://blog.csdn.net/tobebetterprogrammer/article/details/52527441
https://www.w3schools.com/html/html_tables.asp
http://mirlab.org/jang/books/html/table.asp?title=3-2%20%AA%ED%AE%E6%20(Tables)
https://www.itread01.com/content/1549340291.html

沒有留言:

張貼留言

AI 時代的軟體工程

  AI 時代的軟體工程:從「代碼寫手」到「系統指揮官」的轉型之路 2026 年,軟體工程正經歷自編譯器發明以來最大的範式轉移。AI 不再只是 IDE 側邊欄的輔助工具,而是進化為具備自主性的 Agent(代理人) ,這場變革正重新定義「工程師」的核心價值。 一、 現狀:AI 普...