Question

我是CSS新手。我开发了一个页面。我想做这样的设计。

^{（右键单击在新标签中打开）}

我已经在CSS.Coding的帮助下完成了标题行。

<div id="fourth_page_table1">
    Address Type &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&  nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Residing From      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;City &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;State Code &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Country Code&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Phone Number &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cell Number
</div>

<div id="fourth_page_table1_leftlin1">
|
</div>

CSS

         #fourth_page_table1
           {
           width:900px;
           left:230px;
           top:240px;
           position:absolute;
           font-size:16px;
           background-color:#33CCFF;
           }
        #fourth_page_table1_leftlin1
          {
           left:230px;
           top:240px;
           position:absolute;
           font-size:70px;
           height:20px;
           width:10px;
           line-height:100%;
         }

执行此编码后，输出无法正常显示。

     Please check my output.      
         [1]: http://i.stack.imgur.com/oDmTF.jpg

我要从左侧以瘦格式设置左侧行。如何垂直制作一条长线，我无法做到？我已尝试使用line-height，但根据上图，我没有得到正确的输出。如何解决这个问题？

Answer 1

要创建表，您应该使用table元素。

一旦你有了你的桌子，你就可以像这样添加css边框：

table {
    border: 1px solid #000000;
}

当然，您可以指定自己的宽度，线条样式和边框颜色。

另外，请避免通过 个字符添加填充。这使得您的标记难以阅读，并且通常是一种不好的做法。请改用css padding和margin规则。

使用CSS设置线条的线条和高度

1 个答案: