用Frontpage巧妙给网页加一条竖线

frontpage|网页

  在网页中画条横线都用<hr>语句,即可插入一条水平线,但如何插入一条竖直线呢?我们既可以利用<hr>的方法。

  具体做法:利用<hr>语句插入竖直线。在新建网页中插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了(图1)。


图1

  想要更长的线,可以将高度设大,虽然网页中的直线会立刻加长,但实际运行时,竖直线怎么还是那么长,没有任何改变啊!这是为什么?那是因为HTML只认可100像素高的水平线。如果这时您加上一个回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加上一条同样的水平线即可将竖直线加长。通式还可以改变线的颜色达到不同的效果。

时间: 2024-08-24 17:51:20

用Frontpage巧妙给网页加一条竖线的相关文章

jQuery实现彩带延伸效果的网页加载条loading动画_jquery

本文实例讲述了jQuery实现彩带延伸效果的网页加载条loading动画.分享给大家供大家参考,具体如下: 这里介绍的jQuery彩带效果网页加载条动画,我觉得挺有创意的,虽然难度不算大,但能想到用这样一个背景来做Loading加载条,也实属不易,不服气的,你为什么就没有想到这样做呢?本网页加载条效果使用了jQuery插件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-n-color-cha-web-loading-demo/

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

frontpage|网页 在网页中画条横线都用<hr>语句,即可插入一条水平线,但如何插入一条竖直线呢? 我们既可以利用<hr>的方法,也可以利用插入表格的方法. 方法一:利用<hr>语句插入竖直线.在新建网页中插入一条水平线,然后将此线选中,单击鼠标右键,选择"水平线属性"命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了(图1). 图1 想要更长的线,可以将高度设大,虽然网页中的直线会立刻加长,但实际运行时,竖直线怎

jquery插件NProgress.js制作网页加载进度条

  这篇文章主要介绍了jquery插件NProgress.js制作网页加载进度条的相关资料,需要的朋友可以参考下 NProgress.js是极细的纳米级进度条,用现实的细线条动画让用户看到网页正在发生的事情! 你也许已经在 Youtube 上看过了那道红色激光脉冲,它会在你切换页面时出现.其实许多移动浏览器的进度条都是这个样式,但是在网页上实现可不多见.不过,有了 NProgress 这个 jQuery 插件,你也可以轻松实现! NProgress.js应用于复杂网页的细长进度条.由 Googl

js网页加载进度条代码

js网页加载进度条代码 <script LANGUAGE="JAVASCRIPT"> var timerID=null;     <!--延时变量--> var count=0;          <!--表示进度的循环变量--> var running=false;    <!--是否正在进行格式化的标志量--> function RandomNumber(max)        <!--用来产生随机数的函数--> {var

网页加载时页面显示进度条加载完成之后显示网页内容_javascript技巧

现在网上有很多网页加载进度条 ,但大多都是时间固定的. 下面的当查询大量数据时,网页加载较慢,在网页加载时,显示进度条,当网页加载完成时,进度条消失,显示网页已经加载完成的内容. 复制代码 代码如下: <html> <script language=VBScript> Dim Bar, SP Bar = 0 SP = 100 Function Window_onLoad() Bar = 95 SP = 10 End Function Function Count() if Bar

JS实现网页加载进度条实例

网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程.但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果. HTML 首先我们要知道的是,目前没有任何浏览器可以直接获取正在加载对象的大小.所以我们无法通过数据大小来实现0-100%的加载显示过程.因此我们需要通过html代码逐行加载的特性,在整页代码的若干个跳跃行数中设置节点,进行大

Android Webview添加网页加载进度条实例详解

推荐阅读:Android WebView线性进度条实例详解 最近在android项目中使用webview嵌套了一个抽奖活动网页,活动上线,运行良好(改了N次需求和突发bug),还好这种模式的活动,只需要修改网页,不需要重新打包发布市场,这也是这种模式开发的优势之一.后来据产品哥反馈说加载网页无进度提示,好吧,这个当时真没考虑这么多,这个要加加..想当然以为轻松搞定之....其实还是比轻松要复杂点... 1.首先自定义一个WebView控件 /** * 带进度条的Webivew * @author

什么措施能影响网页加载速度呢?

摘要: 从我开始知道 SEO 这几年起,基本上所有的 SEO 活动都是基于前端的,从header 到 body,从小标签到 CSS,从链接到关键词密度:初期牛人们诊断一个网站 SEO 的标准也是从前端页面着手,不 从我开始知道 SEO 这几年起,基本上所有的 SEO 活动都是基于前端的,从header 到 body,从小标签到 CSS,从链接到关键词密度:初期牛人们诊断一个网站 SEO 的标准也是从前端页面着手,不过的确也是,从排名算法前端的代码的确占了大部分的比例,但后端的服务器速度优化,也开

Android开发之模仿微信打开网页的进度条效果(高仿)_Android

一,为什么说是真正的高仿? 阐述这个问题前,先说下之前网上的,各位可以复制这段字,去百度一下  "仿微信打开网页的进度条效果" ,你会看到有很多类似的文章,不过他们有个共同点,就是实现方法都是一样的,而且,都忽略了微信加载网页时,进度条的缓慢动画效果,它不是生硬地一滑而过,而是用户体验很好,有个速度的变化,由慢到快的效果,语言难于描述,相信各位都有下载微信,可以随便打开个公众号的文章看看效果. 好了,上面说到,之前网上的方法都是都忽略了微信加载网页时,进度条的缓慢动画效果,实现代码也是