html中垂直线,如何在HTML中创建一条垂直线

您可以使用

与您希望显示的行完全相同的样式的空：

HTML：

精确的高度(在线覆盖样式)：

div.vertical-line{

width: 1px; /* Line width */

background-color: black; /* Line color */

height: 100%; /* Override in-line if you want specific height. */

float: left; /* Causes the line to float to left of content.

You can instead use position:absolute or display:inline-block

if this fits better with your design */

}

如果想要3D外观，请设置边框样式：

div.vertical-line{

width: 0px; /* Use only border style */

height: 100%;

float: left;

border: 1px inset; /* This is default border style for

tag */

}

您当然也可以尝试使用高级组合：

div.vertical-line{

width: 1px;

background-color: silver;

height: 100%;

float: left;

border: 2px ridge silver ;

border-radius: 2px;

}

html中垂直线,如何在HTML中创建一条垂直线相关推荐

html显示一条直线,如何在HTML中画一条线
1.size线段粗细的设定: 这是第一条线段,无size设定,取内定值SIZE=1来显示这是第二条线段,SIZE=5 这是第三条线段,SIZE=10 这是第一条线段,无size设定,取内定值SIZE ...
青蛙换位置excel_吃青蛙：如何在Excel中创建每日交付的sprint消耗图
青蛙换位置excel In the first article I wrote on how to create a SCRUM-based, sprint burn down in Excel, H ...
PS网页设计教程V——如何在Photoshop中创建一个商业网站布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
创建jira sprint_如何在Excel中创建高级sprint燃尽图
创建jira sprint SCRUM is a great way to manage all sorts of tasks including sprints, but you don't hav ...
PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
PS网页设计教程IV——如何在Photoshop中创建一个专业博客网站布局
向Talk-Mania网站致敬.一年前,在该网站上看过许多不错的网页设计教程.一年后,再回头想看看有没有什么新的教程的时候,蓦然发现该网站已经打不开了.也许是关闭了,也许是改了网站名了.幸好,去年本人 ...
如何在Leangoo中创建企业
Leangoo介绍: Leangoo(中文名:领歌)是一款非常优秀的敏捷项目管理软件.Leangoo核心是看板,团队可以使用Leangoo看板进行项目或产品的需求.任务.问题.缺陷的可视化管理和协作, ...
如何在android中创建自定义对话框？
本文翻译自:How to create a Custom Dialog box in android? I want to create a custom dialog box like below ...
如何在Java中创建一个新的List
本文翻译自:How to make a new List in Java We create a Set as: 我们创建一个Set为: Set myset = new HashSet() How d ...

html中垂直线,如何在HTML中创建一条垂直线

html中垂直线,如何在HTML中创建一条垂直线相关推荐

最新文章

热门文章