时间戳

首页 > 解决方案 > 如何仅使用 html 在表格边框和文本之间添加空格？

javascript - 如何仅使用 html 在表格边框和文本之间添加空格？

问题描述

图像是我想要的最终输出

嗨，有人可以帮助我，我是编码新手，这是我的大学作业，我们不应该使用 CSS，只使用 HTML 如何在文本和表格边框之间添加空格。

<!DOCTYPE html>
  <HTML>

  <HEAD>
    <TITLE>TABLE</TITLE>
  </HEAD>

  <BODY>
    <TABLE BORDER="5" CELLSPACING="4" CELLPADDING="3">
      <TR BGCOLOR="BLUE">
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>First Name</u>
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>Last Name</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD> <u>Keith</u>
        <TD><u>Richards</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u>
        <TD><u>Jagger</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Bill</u>
        <TD><u>Wyman</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Ron</u>
        <TD><u>Wood</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Charlie</u>
        <TD><u>Watts</u>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u>
        <TD><u>Taylor</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Brian</u>
        <TD><u>Jones</u>
      </TR>
    </TABLE>
  </BODY>

  </HTML>

我的代码-

标签： javascripthtmlhtml-tableweb-deployment

解决方案

要在单元格内容和单元格壁之间添加空间，您可以使用标签中的cellpadding属性。table

HTML cellpadding 属性用于指定单元格内容和单元格壁之间的空间。cellpadding 属性以像素为单位进行设置。

参考：cellpadding

<!DOCTYPE html>
  <HTML>

  <HEAD>
    <TITLE>TABLE</TITLE>
  </HEAD>

  <BODY>
    <TABLE BORDER="5" CELLSPACING="4" CELLPADDING="10">
      <TR BGCOLOR="BLUE">
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>First Name</u>
        <TH ALIGN="CENTER" HEIGHT="20">
          <FONT SIZE="4" COLOR="WHITE"> <u>Last Name</u>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Keith</u></TD> 
        <TD><u>Richards</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u></TD>
        <TD><u>Jagger</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Bill</u></TD>
        <TD><u>Wyman</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Ron</u></TD>
        <TD><u>Wood</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Charlie</u></TD>
        <TD><u>Watts</u></TD>
      </TR>
      <TR BGCOLOR="ORANGE">
        <TD><u>Mick</u></TD>
        <TD><u>Taylor</u></TD>
      </TR>
      <TR BGCOLOR="YELLOW">
        <TD><u>Brian</u></TD>
        <TD><u>Jones</u></TD>
      </TR>
    </TABLE>
  </BODY>

  </HTML>

推荐阅读