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

沒有留言:

張貼留言

[leetcode] [KMP] KMP

ABCDABD... ABCDABF... 簡單的說, 傳統解兩字串匹配部分 可能會來個雙迴圈, 哀個比對, 當不匹配的時候, 會將下方列再後移1位 然後不匹配再後移 然而 如果像上放已經有4個屬於匹配的字串, 她就應該直接往後移四位來匹配, 而不是只移動1位 隱藏的思維是, 當...