第一问答网»论坛 › 中问网 › 问答 › 制作网页时,如何对文字进行分栏排版吗?就是如何插入竖直 ...

制作网页时,如何对文字进行分栏排版吗?就是如何插入竖直的直线进行文档的分割呢?

11 |

0 | 2009-1-30 06:28:38 | 显示全部楼层 |阅读模式

制作网页时,如何对文字进行分栏排版吗?我知道可以用表格来排,想知道如何插入竖直的直线进行文档的分割呢?

把竖线作成图片.
提问者对答案的评价：

只有竖框的表格方法1）把2px改为你需要的线宽，把BORDER-RIGHT: #000099和BORDER-LEFT: #000099改为你需要的颜色，试试：<table border="0" width="14%" id="table1" height="100"> <tr> <td style="BORDER-RIGHT: #000099 2px solid; BORDER-TOP: #000099 0px solid; BORDER-LEFT: #000099 2px solid; BORDER-BOTTOM: #000099 0px solid; BACKGROUND-COLOR: #ffffff" nowrap height="30"> <table border="0" width="100%" id="table2"> <tr> <td>第1行</td> </tr> <tr> <td>第2行</td> </tr> <tr> <td>第3行</td> </tr> <tr> <td>第4行</td> </tr> <tr> <td>第5行</td> </tr> </table> </td> </tr></table>方法2）<table border="0" width="82" cellspacing="1" cellpadding="0" id="table1" height="200"> <tr> <td width="1" bgcolor="#000000">　</td> <td width="80"> <table border="0" width="100%" id="table2"> <tr> <td>第1行</td> </tr> <tr> <td>第2行</td> </tr> <tr> <td>第3行</td> </tr> <tr> <td>第4行</td> </tr> <tr> <td>第5行</td> </tr> </table> </td> <td width="1" bgcolor="#000000">　</td> </tr></table>

简单办法：HTML有一对排版控制符：<pre></pre>，在它之间的文字间距完全按编辑者的意图来保持。举例如下（你可以下载后试试）：<html><head><title>举例</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#333399" text="#000000"><pre><center><font color=#ffff00 size=6 face="黑体">文章题目</font><font color="#99ffff" face="楷体_gb2312" size=4><br><br><br>在这里你尽可按版式写你的内容，只用空格控制分栏，例如：
  白日依山尽  黄河入海流
  欲穷千里目  更上一层楼</font></center></pre></body></html>

使用道具举报

返回列表发新帖

千问

主题	0 回帖	4882万积分

论坛元老

Rank: 8 Rank: 8

积分: 48824836

回复楼主返回列表

问答

热门排行