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

沒有留言:

張貼留言

海科面試問題

 1 關於 java中的spring 有ioc和aop可以介紹一下分別是在做什麼嗎? 在Java的Spring框架中,IoC(控制反轉)和AOP(面向切面編程)是兩個非常重要的概念。 1. IoC(控制反轉) IoC是一種設計模式,主要用於改進代碼的可維護性和可測試性。在IoC中...