如何在网页中加入一条竖线

HTML没有直接写竖线的专用标记,使用<hr>来做竖线有局限性,所以竖线只能通过表格table来实现。有2种方法可以写竖线,你可任选一种,例如要高90像素的竖线:
1.
代码如:<table height=90
style=border-color:000000;border-left-style:solid;border-width:1px><tr><td
valign=top>内容</table>
效果如:

内容

2.代码如:<table height=90 cellspacing
cellpadding><tr><td bgcolor=000000 width=1><td
width=300 valign=top>内容</table>
效果如:

  内容

说明:
方法1和方法2的区别是:方法1是使
用样式表给表格定义,只让它的左边线为黑色;方法2是,做出一个单元格,让它宽为1像素,背景色为黑色,方法2的竖线也可用背景图片。方法2的
“cellspacing cellpadding”这两句不要省。这两者的使用方法是一样的,把上述的代码复制到你的网页要插入的地方就可以了。

  如果您需要从网页中复制代码到FP或DW中,复制请注意:一定要先从这里复制到记事本,然后再从记事本复制到FP或DW的html模式下,切记切记,否则无效。

时间: 2024-10-13 16:05:25

如何在网页中加入一条竖线的相关文章

借用JQuery在网页中实现分隔条的功能

在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有.本文介绍了一种使用JQuery技术实现分隔条的功能. Javascript代码如下,将该代码保存成JS文件后在HTML中引用. jsplit 1 jQuery.noConflict(); 2 jQuery.fn.extend({ 3 jsplit: function (j) { 4 return this.each(function () { 5 j = j || {}; 6 j.Btn = j.Btn || {}; 7

怎样在网页中插入一条分割线

一.横线<hr>,可设置css宽高以及背景色. 二.竖线:方法1,利用块级元素的border属性,如:div{width:1px;height:100px; border-left:1px #000 solid;}方法2,如果是内联元素,则加上display:inline-block;如:span{display:inline-block:width:1px;height:100px;background:green;}方法3,插入做好的背景图.

在 PHP 网页中包含文件 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

如果多个文件中有重复的代码,则可以将这部分代码写到一个文件中去,然后在需要的地方把这个文件包含进来即可.注意在这个文件中,只需要这些重复的代码,而不需要其它的格式或者什么的,文件名可以随便起,后缀可要可不要. 通过使用包含文件,您可以在自己的网站中的多个网页上轻松包含相同的内容.所谓包含文件是指当网页在浏览器中呈现时动态地包含在网页中的文件. 包含文件可以简化站点的管理工作.例如,您可以创建网站中多个网页上所要包含的网页横幅.网站信息块或菜单之类的内容.这样,当需要更改这些内容时,只需在单个文件

Bootstrap中的进度条

进度条 在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等.就如下图所示的一个评分系统,他就是一个简单的进度条效果: 进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本: ? LESS版本:源码文件progress-bars.less ? Sass版本:源码文件_progress-bars.scss ? 编译后版本:bootstrap.css文件第4500行-第4575行 而且Bootstrap框架为大家提供多种样式风格的进度条,供大家使用,这一小节只是给大家直观上

Chromium中网页加载进度条研究

1.     Shell.java中有成员变量:mProgressDrawable. 该成员变量在方法:onFinishInflate中被初始化. 在该类中有方法:onLoadProgressChanged,该方法中对进度条的值进行改变,并且对刷新完成事件进行反馈. 2.     上面的这个方法是在cc文件中被调用的. 上面方法对应的cc方法是shell_android.cc文件中的LoadProgressChanged方法. voidShell::LoadProgressChanged(Web

【css系列】创建网页加载进度条

一.最简单或者明显的方式是使用定时器 1.在网页中加入布局覆盖真实网页内容 2.使用定时器确定加载所用时间的长短,其实并不是真正的加载进度实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器的进度条</title> <script src="../js/jquery-3.2.1.j

iOS WKWebView添加网页加载进度条(转)

一.效果展示 WKWebProgressViewDemo.gif 二.主要步骤 1.添加UIProgressView属性 @property (nonatomic, strong) WKWebView *wkWebView; @property (nonatomic, strong) UIProgressView *progressView; 2.初始化progressView - (void)viewDidLoad { [super viewDidLoad]; //进度条初始化 self.pr

用CSS3做网页中的小三角,以及transition的用法

自开了博客园已经有2周了吧,虽然转载了一些觉得比较有用的文章之外还没有开始写自己的一些学习记录,那就从今天开始. 目前看了妙味的不少视频,有css+html,js的基础和中级也都看完了,作业也都做了,css3的部分也看过了,但是觉得讲得不太好,全部都是点到为止.无意中找到了传智播客的视频讲了一些css3的小技巧,今天就写一下用CSS3做网页中的小三角. 大致网上关于小三角的做法无非三种: 直接用背景图片,这个没什么好说的: 用块元素设置宽高都为0,三角的高用一条边框宽度,其他三条边框用dashe

embed标签的使用(在网页中播放各种音频视频的插件的使用)

embed标签的使用(在网页中播放各种音频视频的插件的使用) 链接地址:http://blog.csdn.net/TomyGuan/archive/2006/11/10/1377807.aspx 播放器插件使用说明: 代码:< EMBED src="music.mid"autostart="true"loop="2"width="80"height="30"> src:音乐文件的路径及文件名:(