0

我试图学习如何使用 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;

但是,结果并不好。没有边界。我怎样才能解决这个问题?

4

2 回答 2

0

表就像层的结构组,而分区是简单的层。认为每个部门都是一个 . 问题是如何组织你的部门。这就是样式表来拯救你的地方。

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;}

这只是一个例子

于 2013-08-30T02:33:59.013 回答
0

我推荐简写的边框属性:

border:solid 1px black;

尝试切割其他border属性并仅使用它,看看是否可以完成工作。

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

于 2013-08-30T02:15:50.537 回答