表格篇 

1. 表格顏色
2. Boxed Xanga
3. 右邊加框
4. 左邊加框

1. 表格顏色

border color
cell1 cell2
cell3 cell4
<table border="3" bordercolor="#6699ff">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border color-light
cell1 cell2
cell3 cell4
<table border="3" bordercolorlight="#6699ff">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border-top
cell1 cell2
cell3 cell4
<table border="1" style="border-top: 3px solid #6699ff;">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border-left
cell1 cell2
cell3 cell4
<table border="1" style="border-left: 3px solid #6699ff;">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
background color
cell1 cell2
cell3 cell4
<table border="1" bgcolor="6699ff">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border color-dark
cell1 cell2
cell3 cell4
<table border="3" bordercolordark="#6699ff">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border-bottom
cell1 cell2
cell3 cell4
<table border="1" style="border-bottom: 3px solid #6699ff;">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
border-right
cell1 cell2
cell3 cell4
<table border="1" style="border-right: 3px solid #6699ff;">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>

回到最上

2. Boxed Xanga

Code
Header
<!-- [start] code provided by kkx3.com -->
<div align="center" valign="middle" style="width: 700px; height:300px; border: 0px none; background-color: #000000; overflow: auto; filter: alpha(opacity=50); background-image:url('http://kkx3.net/xanga/demo_bg.jpg')">
<!-- [end] code provided by kkx3.com -->
Ads
　
Website Stats
<!-- [start] code provided by kkx3.com -->
</div>
<!-- [end] code provided by kkx3.com -->

演示圖片1 按此觀看

演示Xanga

另一種Boxed Xanga

Code
Header
<!-- [start] code provided by kkx3.com -->
<style>
body{border-top: #CC99FF 10t solid;
border-bottom: #CC99FF 10t solid;
border-left: #cccccc 10t solid;
border-right: #cccccc 10t solid;}
</style>
<!-- [end] code provided by kkx3.com -->
Ads
　

演示圖片2 按此觀看

回到最上

3. 右邊加框

Code
Website Stats
<!-- [start] code provided by kkx3.com -->
<td id="kkx3right" style="display:none" vAlign="top" width="200">
<!-- [start module1] code provided by kkx3.com -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="center">

<!-- [start]修改標題 -->
<b>demo - kkx3</b>
<!-- [end]修改標題 -->

</th></tr>
<tr><td class="left" vAlign="top">

<!-- [start]修改內容 -->
<p>kkx3.com</p>
<!-- [end]修改內容 -->

<br></td></tr>
</table>
<br/>
<!-- [end module1] code provided by kkx3.com -->
</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('kkx3right');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>
<!-- [end] code provided by kkx3.com -->
Ads
　

演示圖片3 按此觀看

演示Xanga

回到最上

4. 左邊加框

Code
Website Stats

http://kkx3.net/xanga/p005.php
Ads

回到最上

聯絡我們
如有錯漏,歡迎來信賜教

E-mail : kkx3@kkx3.com 標題請註明 Xanga教室