台灣最大程式設計社群網站
線上人數
871
 
會員總數:246088
討論主題:189663
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 如何讓整個表格置中
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
如何讓整個表格置中
價值 : 20 QP  點閱數:254 回應數:0
樓主

Robert
初學者
4 247
1552 103
發送站內信

大家好
我的程式碼如下,請問要如何讓整個表格置中?




<HTML>
<HEAD><TITLE>第六章練習</TITLE></HEAD>

<style>
table{
border:2px solid;
border-collapse:collapse;
}

th{
border:2px solid;
background-color:#FFAA33;
}
caption{
background: #dbb768;
font-weight: bold;
font-size: 1.1em;
}
</style>

<BODY>

<script type ="text/javascript">
{
var body = document.getElementsByTagName("body")[0];
var tbl = document.createElement("table");
var tblbody = document.createElement("tbody");
var caption= "<caption>成績單</caption>";
var row = document.createElement("tr");
var header = document.createElement("th");
var cellText = document.createTextNode("成績");
header.appendChild(cellText);
row.appendChild(header);
cellText = document.createTextNode("層級");
header = document.createElement("th");
header.appendChild(cellText);
row.appendChild(header);
tblbody.appendChild(row);
tbl.innerHTML=caption;
tbl.appendChild(tblbody);
body.appendChild(tbl);
}


</BODY>
</HTML>

搜尋相關Tags的文章: [ 表格置中 ] ,
本篇文章發表於2020-01-06 16:58
目前尚無任何回覆
   

回覆
如要回應,請先登入.