Question

我试图学习如何使用css而不是表格。我从基础开始，带有一个高度和宽度相同的文本块

margin-right: 60%;
margin-left:10px;
margin-top: 10px;
margin-bottom:0;
border:thin;
background-color:#FFF;
font: 9pt "trebuchet ms", arial, sans-serif;
color:#003318;
display:block;

margin-left: 60%;
margin-right:10px;
margin-top: 10px;
border:thin;
background-color:#FFF;
font: 9pt "trebuchet ms", arial, sans-serif;
color:#003318;
display:block;

然而，结果并不好。没有边界。我该如何解决这个问题？

Answer 1

我推荐速记边框属性：

border:solid 1px black;

尝试剪切其他border属性并使用它，看看是否能完成这项任务。

更多信息：http://www.w3schools.com/css/css_border.asp

Answer 2

表类似于层的结构组，而分区是简单的层。认为每个部门都是一个。问题是如何构建你的部门。这就是样式表的用武之地。

ex.:
<div class="table">
   <div class="right-td">&nbsp;</div>

   <div class="left-td">&nbsp;</div>
</divd

在样式表中

div.table { width:100%; float:none; margin:0px auto;}
div.right-td  { border:1px solid #000;float:rightt; width:45%; padding:6px;}
div.left-td  { border:1px solid #000;float:left; width:45%; padding:6px;}

这只是一个例子

如何将基于表格的设计转换为CSS？

2 个答案: