• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Frontpage教程 > 巧妙在FP中给网页加入一条竖直线

巧妙在FP中给网页加入一条竖直线

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-07-06

本文主要包含fp网页制作,倍加福ipt1-fp,fp40r12kt3,fp离心泵,风机fp-238wa参数等相关知识,佚名希望在学习及工作中可以帮助到您
在网页中画条横线都用<hr>语句,即可插入一条水平线,但如何插入一条竖直线呢? 我们既可以利用<hr>的方法,也可以利用插入表格的方法。
  
方法一:利用<hr>语句插入竖直线。在新建网页中插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了(图1)。


图1

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


您可能想查找下面的文章:

  • 巧妙在FP中给网页加入一条竖直线

相关文章

  • 2017-07-06认识FrontPage 2002扩充插件之四
  • 2017-07-06FrontPage网上筑巢手记——修改和添加页面(二)
  • 2017-05-16Frontpage教程:教你制作网页框架
  • 2017-07-06用FrontPage 2000快速制作动态按钮
  • 2017-08-06Frontpage教程:在表格中布局图片
  • 2017-05-16网页字体在Frontpage2000制作网页中的讲解
  • 2017-07-06在FrontPage 2000中插入Flash动画
  • 2017-07-06Frontpage中的各种回车
  • 2017-05-16FrontPage超链接报表功能检查网站死链接
  • 2017-07-06谈FrontPage的模板功能

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • FrontPage2002简明教程五:样式表的应用
    • FrontPage网上筑巢手记—向导和模板(二)
    • 认识FrontPage 2002扩充插件之四
    • FrontPage 2002扩充插件(三)
    • FrontPage 2002扩充插件(五)
    • 如何利用FrontPage2003来开发网站
    • FrontPage2002简明教程七:HTML在FrontPage中的应用
    • FrontPage网上筑巢手记—向导和模板(一)
    • 网页中制作线条的技巧
    • FrontPage网上筑巢手记—向导和模板(三)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有