电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
在Fontpage中给网页加入一条竖直线
在Fontpage中给网页加入一条竖直线
2005-12-30 19:11:07  文/45IT收集   出处:电脑软硬件应用网   

在网页中画条横线都用<hr>语句,即可插入一条水平线,但如何插入一条竖直线呢? 我们既可以利用<hr>的方法,也可以利用插入表格的方法。
  
方法一:利用<hr>语句插入竖直线。在新建网页中插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了(图1)。


想要更长的线,可以将高度设大,虽然网页中的直线会立刻加长,但实际运行时,竖直线怎么还是那么长,没有任何改变啊!这是为什么?那是因为HTML只认可100像素高的水平线。如果这时您加上一个回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加上一条同样的水平线即可将竖直线加长。通式还可以改变线的颜色达到不同的效果。
  
方法二:利用插入表格加入竖直线。插入一个表格,在表格上单击鼠标右键,选中“表格属性”,设置表格的单元格边距和间距均为0,边框粗细为1,勾选“指定宽度”,输入1,设定该表格的指定宽度为1个像素,勾选“指定高度”,输入100,设定高度为100个像素,再设置合适的背景色如黑色即可(图2)。

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号