A. WEB 製作1px邊框表格的幾種方法
製作1px邊框表格的幾種方法 有過網頁製作經驗的朋友一定知道:一般來講,把表格的邊框定義為1px時,即border=1,而實際上是2px。而我們在很多時候需要那種真正的邊框為1px的表格,下面就介紹幾種方法。 一、用嵌套表格 用兩個表格嵌套,外層的表格的長與寬比里層的多出2px,並設置對齊屬性為水平居中、垂直居中,然後把外層表格的背景設為你需要的邊框顏色,里層表格背景設為與網頁背景相同,這樣就實現我們的願望了,實例如下: ----------------------------------------------------------------- <table cellspacing="0" cellpadding="0" bgcolor="#000000" width="32" height="32" border="0"<tr<td align="center" <table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0"<tr<td</td</tr</td</tr</table----------------------------------------------------------------- 二、設置亮、暗邊框顏色 表格有亮邊框(bordercolorlight)和暗邊框(bordercolordark)兩個屬性,把表格邊框(border)設為1px,亮邊框(bordercolorlight)設為背景色,暗邊框(bordercolordark)設為你需要的實際邊框顏色就可以了,實列如下: ----------------------------------------------------------------- <table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF"<tr<td</td</tr</table----------------------------------------------------------------- 三、用CSS定義(一) (推薦使用)代碼為:style="border-collapse: collapse"實例如下:----------------------------------------------------------------- <table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0"<tr<td</td</tr</table----------------------------------------------------------------- 如果你用過Frontpage xp,你會發現,在Frontpage xp中定義的表格默認的設置就是用CSS定義過了的。 四、用CSS定義(二)代碼為:style="border: 1px solid #000000;"實例如下:----------------------------------------------------------------- <table cellspacing="1" width="32" height="32" style="border: 1px solid #000000; "<tr<td</td</tr</table-----------------------------------------------------------------
B. html表格製作教程
使用webstorm製作網頁文件的時候,難免會遇到製作舉芹卜表格的情況,而且關鍵的布局方式一般都是使用表格完成的。
工具/原料
電腦webstorm方法/步驟正穗
1、製作表格我們需要使用標簽table在html中輸入table標簽,然後設置行和列,,tr代錶行,td代表列,然後在行和列中輸入相關的內容。
2、預覽網頁我們發現,網頁顯示格式看起來不像是表格,因為沒有框線,這時候我們需要給table標簽設置邊框,border,如圖所示,在table標簽中,定義border的值,這樣再預覽網頁我們就可以看到表格樣式。
3、圖中的表格表頭和文本內容顯示格式一致,我們可以使用th標簽代替td標簽作為表格的表頭,系統自動將表頭內部的文本內容加粗居中顯示,這樣表頭格式就被著重定義出來。
4、可以使用caption標簽給表格添加標題,caption是table標簽的子標簽需要首芹寫在table標簽內部,將需要定義的標題文本輸入到caption中。
5、兩行數值一樣的話可以設置為rowspan值,如圖所示,兩行數據一致,直接設置rowspan值為2,下一行的這個數值就不必單獨定義了,如果是三行數值一致,那麼可以直接設置為3。
6、將多列相同數據一起顯示可以使用colspan來進行設置,如圖所示,第三列所有的內容都全部顯示一致,我們可以設置像表格中的合並效果然後一起顯示,這樣就不必每一列都輸入內容。
C. Web製作 網頁製作 html 表格
。這個很容易查,一般都從寬度,浮動查起
D. 如何製作可自動刷新的web報表
創建一個簡單的web報表。
將數據源添加到Web表單——組件「SQLDataSource」。 從下拉菜單中選擇「ConfigureDataSource」。
如何製作可自動刷新的web報表
設置與資料庫的連接。
現在將「WebReport」組件放在Web表單上。 從下拉菜單中選擇項目「選擇數據源」。
如何製作可自動刷新的web報表
選擇唯一可用的選項。
從下拉菜單中選擇「設計報表」
創建一個簡單的報表。 系統變數Date被添加到報表的標題中:
如何製作可自動刷新的web報表
關閉報告編輯器。 禁用報表窗口的工具欄。
在「WebReport」對象中,應將「ShowToolbar」屬性設置為「false」。
設置「RefreshTimeout」屬性。 在此屬性中,設置刷新周期。 例如,設置間隔5. Time設置為秒。
E. 用excel2003製作web表格的步驟
保存為網頁就可以了
F. 怎麼在web端做報表
1. 登錄報表端
任意用戶登錄,都可使用即席報表設計器創建自己的報表,模型是創建報表的基礎,因此用戶登錄成功後首先要選擇提供數據支持的模型,選擇AR Server提供的Active Tunes模型後,點擊「創建報表「;
2.進入報表設計器,點擊菜單欄中「報表」項,拖拽文本框到頁眉區域,雙擊文本框輸入「Employee List「,左側面板「實體樹」中呈現所有的實體,選擇報表需要的實體「Employee「,長按滑鼠左鍵,將其拖拽到主面板中。您可以選擇創建報表的類型。如表格報表或圖表報表。
3. 本例中選擇表格類型,點擊表格上方三角標志,選擇「在右側插入列「或直接點擊列上方向左或向右箭頭,直接在左側或右側插入列,在」屬性樹「面板中,選擇顯示屬性拖拽到相應列的表格詳細數據中。
具體的實現,請參考下面的博客、
http://blog.gcpowertools.com.cn/post/ActiveReportsServer_GetStarted_AdhocDesigner.aspx
G. web表格怎樣做得美
下面我們以一個簡單的示例來體會體會一下表單。
最終效果如下:
如何用web表格控制項FineReport做web表格
2
新建表單
點擊文件>新建表單,如下圖
如何用web表格控制項FineReport做web表格
拖入組件
如上圖所示的效果圖,我們可以看到該表單需要有1個下拉框控制項以及對應的1個標簽控制項和一個查詢按鈕,還需要一個以表格形式顯示數據的報表塊和顯示圖表的圖表塊,此時,我們確定了需要在表單中添加一個報表塊,一個圖表塊,3個控制項。
註:在組件介紹中,我們知道控制項即可依附於參數面板組件存在,也可以單獨以組件的形式存在,在這里可隨意使用哪種形式,效果都一樣,那麼使用依附於參數面板組件存在的形式。
參數組件
從工具欄中將參數組件拖拽至表單主體中,並將相應的三個控制項:下拉框、文本控制項和查詢按鈕拖拽至參數組件中,並設置標簽控制項的控制項值為:客戶,如下圖:
如何用web表格控制項FineReport做web表格
報表塊組件
從工具欄中將報表組件也拖拽至表單主體中,如下圖:
如何用web表格控制項FineReport做web表格
註:如果組件數量過多,在web端展示的時候自適應在一頁內顯示會比較擁擠,那麼此時可以在右側下方選中整體框架body,在右側上方的屬性表中將組件縮放修改為自適應原樣縮放,如下圖:
如何用web表格控制項FineReport做web表格
充滿展現區域:是指在web端展示的時候,所有組件自適應充滿整個瀏覽器頁面顯示,不出現滾動條;
自適應原樣縮放:是指在web端展示的時候根據製作表單時候組件大小比例顯示,並不縮放充滿整個web頁面,如果超過頁面大小,會出現滾動條。
其詳細顯示樣式請查看錶單樣式
圖表組件
再從工具欄中將圖表組件拖曳至報表塊組件的下方,如下圖:
如何用web表格控制項FineReport做web表格
控制項綁定數據
定義數據集
效果圖中,新建數據集ds1:SELECT 產品名稱,庫存量,產品.成本價 ,產品.單價 FROM 訂單,訂單明細,產品 where 客戶ID='${company}'and 訂單.訂單ID=訂單明細.訂單ID and 訂單明細.產品ID=產品.產品ID,參數company的默認值為VINET,。
註:參數名字必須與客戶ID下拉框控制項名稱保持一致。
客戶下拉框控制項
選中下拉框控制項拖拽到適當位置,下拉框控制項名設為「company」,數據字典來自FRDemo資料庫的客戶表(數據類型選擇資料庫表,資料庫選擇FRDemo),實際值和顯示值分別為客戶ID和客戶名稱,控制項值為VINET:
如何用web表格控制項FineReport做web表格
報表塊
參數面板與控制項都已經設置好之後,點開報表塊裡面的觸筆按鈕,進行報表塊編輯界面,如下圖:
如何用web表格控制項FineReport做web表格
新建數據集
效果圖中,報表塊裡面要顯示訂單明細數據,根據客戶ID進行過濾,新建數據集ds2:select * from 訂單 where 客戶ID='${company}',company默認值為VINET.
表樣設計
如下圖所示,設計表樣:
如何用web表格控制項FineReport做web表格
點擊左下角的表單按鈕回到表單的設計界面,選中報表塊,可在右側的屬性表中設置其報表塊工具欄是否可見,如下圖:
如何用web表格控制項FineReport做web表格
圖表塊
滑鼠選中圖表塊所在區域,為該圖表綁定數據,圖表數據源來源於數據集數據源,其分類系列設置如下:
如何用web表格控制項FineReport做web表格
條件屬性
由於該圖表塊類型為組合圖,即需要通過圖表條件屬性來修改不同系列的圖表類型,如下圖,新增一個條件屬性,設置當系列序號為3的時候,其坐標軸為次坐標軸,圖表類型為折線圖:
如何用web表格控制項FineReport做web表格
13
註:設置條件選擇系列序號的時候需要與數據綁定時的數據列順序相匹配,在上圖設置圖表數據時,庫存量、成本價和單價的系列序號依次為1、2、3,條件屬性主要是設置庫存量系列用柱形圖展示,成本價和單價用折線圖展示並使用次坐標軸。在添加一個組合圖時,會默認添加2個條件屬性,詳細請查看組合圖
到此為止,表單就已經製作好了。
H. 網頁設計中有些表格怎麼製作啊
可以向樓上所說,這個是用javascript製作的,可以到js源碼站點找製作好的類似效果的代碼,應用到自己的網頁。
如困滑野果你使用dreamweaver製作的話,也讓祥可以利用「層」+「行為--顯示和隱藏」來制汪喊作。
I. word中怎麼插入web形的表格
1.首先我們需要打開word軟體,新建一個直接拉進一個文件
2.然後在word文檔上方的更多功能中,點擊插入
3.選擇表格點擊打開。
4.使用滑鼠在表格上面滑動,選擇表格詳細的行列,選擇完成之後地點擊擊確定。
5.然後在word文檔中就可以看到我們所插入的表格了。
J. word表格web頁型3在哪裡
1、首扒毀迅先點擊插入,選中表格,然後選擇特定的行列數的表格。
2、其次表格插入之後,在表格樣式右下角,點擊小三角形按鈕春此,彈出來的界面底下點擊修改表格樣式。余灶
3、最後打開修改樣式的界面後,點擊樣式基準一欄,在下拉列表裡選中需要的型3,最後點擊確定即可。