| |||||||
雖然程式碼看起來很長，其實原理很簡單，昨天我把原程式碼精簡了一下，將嵌套的表格從四個減少到兩個，應該更好理解了吧。需要指出一點，「cellpadding=3」是避免表格內文字過於貼近表格邊框而刻意添加的！
製作這個圓角表格的主要目的有兩個：一是可以用來作為帶有背景色的日誌模板，實例參考教程（一）；二是可以製作自己日誌標題檔或簽名檔，用處還是很大的。用
（一）表格基本語句格式
這五個表格基本語句是構成一個表格的骨架，其中
語句：
| 公司 | 收入 | 支出 |
|---|---|---|
| a | ￥100000 | ￥60000 |
效果：
收支表
p>
（二）表格相關屬性
1、
示範語句：
|
登入後複製
具體說明： width="50%"，单元格宽度，接受绝对值（如 300）及相对值（如 50%）。 height="300"，单元格高度，接受绝对值（如 300）及相对值（如 50%）。 colspan="2"，单元格向右合并栏数，只需写在合并起始单元格中。 rowspan="3"，单元格向下合并栏数，只需写在合并起始单元格中。 align="left"，单元格内文字的摆放位置（水平），可选值为： left, right, center。 valign="bottom"，单元格内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，单元格内背景图案，不要与 bgcolor 同用。 bgcolor="#0000ff"，单元格内背景色，不要与 background 同用。 bordercolor="#ff00ff"，单元格内边框颜色。 其他单元格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出
登入後複製
（三）表格簡單的例子 1、去掉phpcnltphptablephpcn的 border 參數即可得到無邊框表格。 語句：
登入後複製
效果： 收支表
2、透過 border、bordercolor，改變表格邊框的大小與顏色。 語句：
登入後複製
效果：
3、透過 cellspacing 也能調節單元格間距。 語句：
登入後複製
效果：
4、colspan 與 rowspan 的使用。 語句：
登入後複製
效果：
這裡對表格的基本介紹，主要是為了下一篇教學做個鋪墊。在下一篇教學中，將給出一些表格在 msn space 裡的具體應用實例，例如：文繞圖結構、多欄文字、為文字添加背景等。 以上就是用
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
isset() 和empty() - 使用什麼
你能幫助我改進我的程式設計風格嗎？ :)在某些任務中我需要檢查-變數是否為空或包含某些內容。為了解決這個任務，我通常會執行以下操作。檢查-該變數是否已設定？如果已設定-我檢查-它是...
來自於 2023-10-16 20:54:57
0
2
231
使用自己建立的
來自於 2023-09-20 19:56:31
0
1
213
網路爬蟲過程中無法定位HTML元素。該元素在網站檢查工具中可見
我正在嘗試從此URL中爬取所有表格的標題：https://www.nature.com/articles/s41586-023-06192-4我可以在網站上找到這個HTML元素：&...
來自於 2023-09-19 12:41:46
0
1
213
點擊手風琴內的項目時，模態框左側滾動條返回頂部的問題有解決方案嗎？
在初始加載中，如果我單擊“銷售”手風琴，然後單擊“報告和預測的總銷售額”，標記的滾動條將跳到頂部標記的ng-container用於報告和預測總銷售額UI以下是總報告和預測銷售UI的...
來自於 2023-09-16 21:09:42
0
1
198
相關專題
更多>
熱門教學
更多>
| ||||||||||||||||||||||||||
p>
