网站首页 -   -  建站入门 -  建站步骤 -  视频教程 -   -   -  常用软件 -  优化网页 -  网络知识 -   -   关于模板 -   关于域名 -  FTP管理 -  ICP备案 -  邮箱管理 -  网络推广 -  销售心得 -  成功案例 -  dreamweaver知识 -  photoshop知识 -  域名绑定 -  深圳网监局备案 -
利用表格做空格

发布时间 2007-06-07

在排版的过程中,空格对我们来说是在熟悉不过的了。为了版面的整齐和规范 ,我们会多次用到空格,对于文字和图片来说,非常简单,直接按空格键就行了。但是如果有一个表格内容,为了整个版面的协调,也要象文字那样在开头空两格,这时候单纯的输入空格解决不了问题,利用嵌套表格好象有点麻烦,怎么办呢?其实有一个非常简单但很实用的技巧。我们先来看看效果:

 
 


代码如下:
<table width="30" align="left">
<tr>
<td> </td>
</tr>
</table>
<table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1">
<tr>
<td> </td>
</tr>
</table>

  分析一下代码,可以看出来这其实就是“两个并排的表格”一文中第二种方法的另一个应用。

详细步骤如下:

1、先插入一个1行1列的表格,相关属性设置如下:

边框粗细、单元间距、单元边距都设为0;
对齐方式为左对齐;
表格宽度为2像素,其实根据空格的长短您可以自由设置宽度。本例中设为30像素

2、再插入一个您想要显示在网页上的表格,如果需要看到边框,就将边框粗细设为1即可。

现在相信不用表格的嵌套,你也可以做出这样的效果吧!

 
 
 
 

 

相关内容
查无记录
 
公司地址:深圳市福田区福民路12号知本大厦706   邮编:518000        
客服热线:0755-61192828 传真:0755-82915763 
客服的服务质量投诉::service@51rich.net(如果您觉得哪位客服的服务不好或者服务得超级好,都可以发EM通知我们,并写上原因,谢谢您的监督)
网站管理