html指令碼可能用到

來源:互聯網
上載者:User

<html>

<body>
<style type="text/css">
table 
{
border-collapse:collapse;
}

td 
{
border:1px solid #111111;
}

</style>

<table width="200" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td>55555555555</td>
    <td>77777777777</td>
    <td>88888888888</td>
    <td>99999999999</td>
    <td>00000000000</td>

  </tr>

</table>
</body>
</html>

====================================================================================//內容強制換行調整之類的

<html>
<head>
<title>檢查結果報表</title>
</head>

<style id=detail type=text/css>
td
{
font:9pt 宋體,Arial,Times New Roman
}

</style>
<body topmargin="10">

<div align=CENTER><strong><font color="#000000" size="4">
<div align=CENTER><strong><font color="#000000" size="4">
<br>

<H1>主機XXXXXXX結果報表</H1>

<div align=left>
<p style="text-indent:10%"><strong><font color="#000000" size="4">所有XXXXXX列表:</font></strong></p>
</div>

<table width=80% border=1 align=center cellpadding=5 cellspacing=0 bordercolor=#111111 style="border-collapse:collapse" 
style="word-break:break-all; word-wrap:break-all;">

<tr>
<td>uuuuuuuuuuu</td>
</tr>

</table>
</body>
<html>
===============================================//細邊框的collapse比較
<html>
<body>
<style>
td
{
border:1px #000 solid;
}
.col
{
border-collapse:collapse;
}
</style>
<table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>

比較一下:

<table class="col"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr>

</table>

</body>
</html>
===============================================================//合併儲存格
<html>
<body>
<TABLE>
<TR>

<TD rowSpan=3>儲存格1</TD>
<TD rowSpan=3>儲存格2</TD>

<TD>儲存格3</TD>

</TR><TR>

<TD>儲存格4</TD>

</TR><TR>

<TD>儲存格5</TD>

</TR>

</TABLE>
</body>
</html>

==================================================================== //原始邊框的collapse

<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#3300CC" bgcolor="#FFCCCC" >
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#3300CC" bgcolor="#FFCCCC" style="border-collapse:collapse">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>

</table>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.