代碼設置表格技巧薈萃
編製:幽谷星塵
首頁相冊音樂博友關於我
效果圖1
一行中四列被合併成一列文字文字文字文字文字文字文字文字文字文字文字文字代 碼<TABLE style="WIDTH: 418px; HEIGHT: 155px" borderColor=#ff00ff height=155 cellSpacing=2 width_=418 align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=4><FONT color=#ffff00>一行中四列被合併成一列</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR></TBODY></TABLE>
效果圖2
一行中四列被合併成一列文字文字文字文字一行中四列被合併成一列文字文字文字文字代 碼<TABLE style="WIDTH: 418px; HEIGHT: 155px" borderColor=#ff00ff height=155 cellSpacing=2 width_=418 align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=4><FONT color=#ffff00>一行中四列被合併成一列</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle colSpan=4><FONT color=#ffff00>一行中四列被合併成一列</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR></TBODY></TABLE>
效果圖3
標 題文字文字文字文字文字文字文字文字文字文字文字文字文字代 碼<TABLE borderColor=#ff0000 cellSpacing=2 width_=310 align=center HEIGHT=150 bgColor=#000000 border=2><TBODY><TR><TD COLSPAN=5 align=center>標題</TD></TR><TR><TD ROWSPAN=4 align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD></TR><TR><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD></TR><TR><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD><TD align=center>文字</TD></TR></TBODY></TABLE>
效果圖4
標 題文字文字文字文字 文字文字文字文字文字文字文字文字文字文字代 碼<TABLE style="WIDTH: 524px; HEIGHT: 261px" borderColor=#00ff00 height=261 cellSpacing=2 width_=524 align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=5><FONT color=#ffff00>標題</FONT></TD></TR><TR><TD align=middle rowSpan=4><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle rowSpan=4><FONT color=#ffff00>文字</FONT><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字D5</FONT></TD></TR></TBODY></TABLE>
效果圖5
標 題文字文字文字文字文字文字文字文字文字文字文字文字文字代 碼 <BR><STRONG><FONT color=#ffff00 size=2><P align=center><TABLE style="WIDTH: 586px; HEIGHT: 205px" borderColor=#d0ff00 cellSpacing=2 width_=586 align=center bgColor=#000000 border=2><TBODY><TR><TD colSpan=5><P align=center><FONT color=#00ffff>標 題</FONT></P></TD></TR><TR><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD rowSpan=4><P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR><TR><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR><TR><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD><TD><P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR></TBODY></TABLE></P></FONT></STRONG><P align=center><STRONG><FONT color=#ff99cc></FONT></STRONG> </P>
效果圖6
標 題文字文字文字文字文字標題文字文字文字代 碼<CENTER><TABLE style="WIDTH: 550px; HEIGHT: 205px" borderColor=#00ffff height=205 cellSpacing=2 width_=550 align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=5><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>標題</STRONG></FONT></TD></TR><TR><TD align=middle rowSpan=3><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle rowSpan=3><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD></TR><TR><TD align=middle colSpan=3><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>標題</STRONG></FONT></TD></TR><TR><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD><TD align=middle><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG>文字</STRONG></FONT></TD></TR></TBODY></TABLE><P align=center><FONT face=楷體_gb2312 color=#ffff00 size=4><STRONG> </STRONG></FONT></P></CENTER><CENTER> </CENTER>
效果圖7
標 題1文字文字文字文字文字文字文字文字文字文字文字標 題2代 碼<CENTER><TABLE borderColor=#ff5823 height=150 cellSpacing=3 width_=360align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=5><FONT color=#00ff00>標題</FONT></TD></TR><TR><TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle colSpan=5><FONT color=#00ff00>標題2</FONT></TD></TR></TBODY></TABLE><P align=center><STRONG><FONT color=#ff99cc></FONT></STRONG> </P></CENTER><CENTER> </CENTER><WBR>
效果圖8
標 題1文字文字文字文字文字文字文字文字文字標 題2代 碼<CENTER><TABLE borderColor=#ff5823 height=150 cellSpacing=3 width_=360align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=6><FONT color=#00ff00>標題1</FONT></TD></TR><TR><TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle><FONT color=#00ff00>文字</FONT></TD><TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR><TR><TD align=middle colSpan=6><FONT color=#00ff00>標題2</FONT></TD></TR></TBODY></TABLE><P align=center><STRONG><FONT color=#ff99cc></FONT></STRONG> </P></CENTER><CENTER> </CENTER><WBR>
效果圖9
標 題1文字文字文字文字文字標 題2文字文字文字標 題3代 碼<CENTER><TABLE borderColor=#58ff23 height=150 cellSpacing=3 width_=360align=center bgColor=#000000 border=2><TBODY><TR><TD align=middle colSpan=5><FONT color=#ffff00>標題1</FONT></TD></TR><TR><TD align=middle rowSpan=3><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle rowSpan=3><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle colSpan=3><FONT color=#ffff00>標題2</FONT></TD></TR><TR><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD><TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR><TR><TD align=middle colSpan=5><FONT color=#ffff00>標題3</FONT></TD></TR></TBODY></TABLE><P align=center><STRONG><FONT color=#ff99cc></FONT></STRONG> </P></CENTER><CENTER> </CENTER><WBR>表格常用代碼屬性解析1、<TABLE></TABLE>:表示表格屬性並分別作起、始標識符,代碼中有幾對<TABLE></TABLE>即表示有幾張表格,。2、<TR></TR>:表示表格中「行」屬性。當前的這組代碼中有幾對<TR></TR>就表示當前表格中就有幾行。3、<TD></TD>:表示表格中一行裡面單元格屬性。當前代碼的一行中有幾對<TD></TD>就表示這行中就有幾個單元格。4、border:表示表格外框線寬度,屬性是像素其值用數字表示。如border=2,表示表格邊框的粗細為2個像素(默認值為1),0表示無邊框。5、borderColor: 表示表格的邊框線顏色,屬性值由各種顏色的特殊代碼決定(當border值不為0時設置此值有效,默認值為白色)。6、bordercolorlight:表示表格的左邊和上邊框的顏色,代碼中把它定義為亮邊框,屬性值同樣由各種顏色的特殊代碼決定。7、bordercolordark:表示表格的右邊和下邊框的顏色,代碼中把它定義為暗邊框,屬性同上。8、bgcolor:表示表格的背景顏色,屬性同上(默認值為無色)。9、background:表示表格的背景圖案,屬性值為有效的圖片地址(即網站還沒有刪除的圖片,如取自己日誌相冊圖片,將永遠有效)。10、cellpadding:表示單元格內容與單元格邊框之間的距離,屬性由數字控制。11、cellspacing:表示表格中各單元格的間距,屬性由數字控制。12、width:表示表格的寬度,屬性值可以有像素和百分比兩種方式控制。13、height:表示表格的高度,取值方法同寬度。14、align:表示表格的對齊方式,屬性值為left(居左,默認)、center(居中)、right(居右)。15、colspan:合併表格列的控制代碼,屬性值是數字(即列中被合併的單元格數)。16、rowspan:合併表格行的控制代碼,屬性值是數字(即行中被合併的單元格數)。17、BORDER-RIGHT: 表示右邊框,BORDER-TOP: 表示上邊框,BORDER-LEFT: 表示左邊框,BORDER-BOTTOM: 表示下邊框。 它們的屬性取值一般為顏色、像素和某一特定的屬性。18、<th>表頭</th> :定義表頭。19、<TH>文字</TH>單元格中文字的設置。20、<caption></caption> :建立表格的標題,通過align屬性定義標題的位置:即 top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。
您欣賞幽谷星塵的博文
分
秒啦!謝謝您的光臨,並請留下寶貴意見!歡迎光臨幽谷星塵家園歡迎光臨幽谷星塵家園幽谷星塵歡迎朋友光臨賜教博客技巧電腦技能博客素材
視頻教程養生保健日誌邊框音畫圖文FL系列U5製作美文轉載音畫賞析1PS課件2音畫賞析2視頻欣賞歡迎您的光臨,讓心靈共同讓微笑競相綻放!感謝朋友的關愛與支持。PS課件1社會萬象幽谷星塵家園歡迎你
各省博友鏈接專區
1、江蘇省博友鏈接專區
2、上海市博友鏈接專區
3、北京市博友鏈接專區
4、廣東省博友鏈接專區
5、黑龍江省博友鏈接專區
6、湖北省博友鏈接專區
7、江西省博友鏈接專區
8、河北省博友鏈接專區
9、遼寧省博友鏈接專區
10、吉林省博友鏈接專區
11、安徽省博友鏈接專區
12、浙江省博友鏈接專區
13、雲南省博友鏈接專區
14、貴州博友鏈接專區
15、新疆博友鏈接專區
16、山東省博友鏈接專區
17、山西博友鏈接專區
18、湖南省博友鏈接專區
19、河南省博友鏈接專區
20、陝西省博友鏈接專區
21、福建省博友鏈接專區
22、天津博友鏈接專區
23、內蒙博友鏈接專區
24、廣西博友鏈接專區
25、重慶博友鏈接專區
26、海外兵團連接專區
27、四川博友鏈接專區
28、香港博友鏈接專區
29、海南省博友鏈接專區
30、甘肅博友連接專區
31、台灣博友鏈接專區
32、寧夏博友鏈接專區
33、西藏博友鏈接專區
34、無址博友鏈接專區
35、
36、
點擊更多精彩
邊框素材: Good fun
推薦閱讀:
※樂尚商城任意密碼找回
※漂亮的多層花式邊框源代碼之一
※圖片製作的方法及代碼
※分支集成加速器Light Merge在攜程的應用
※代碼藝術:編程語言了解