图片动画

:235603756

手机咨询:13901838552

搜索内容 搜索类别
制作一个像素宽的细横线或细竖线
发布时间 2010-03-04

 1、一个像素宽的分隔线


  有时候在网页排版时,我们需要一条细线,用图片似乎有点劳师动众了,其实,这个小问题用表格就能搞定。请看下面的例子:

  操作步骤是:

    第一步:单击“插入表格”按钮,插入一个1行1列的表格,宽度设为100%(如果想让线短一点,修改宽度即可),高度设为1像素,单元格间距,边距,边框粗细都设为0,表格背景色设为您先要的线条颜色(本例设为黑色),如下图: 


  
  第二步:切换到"代码"区,将<td> </td>中的“&nbsp ”去掉就ok了。如下图:

  

最终代码如下:
<table width="100%" cellspacing="0" border="0" bgcolor="#000000" height="1" cellpadding="0">
<tr>
<td></td>
</tr>
</table>

  说明:其实就是一个高为“1pix”的表格,需要注意的是表格内不要有其他任何内容。如果你还需要其他颜色的分隔线,只需要改变表格的背景色 bgcolor 就可以了。利用这种方法我们还可以制作出细竖线,将表格的宽该为“1”就可以了。
 

[ 点击数:] [打印本网页] [关闭本窗口]
相关内容
 
 

址:上海市宝山区友谊支路304号    |   联系人:黄先生  |  手机:13901838552  |  Email: 235603756@qq.com         |          登陆 

Copyright @ All Rights Reserved 2006-2014