html添加一条虚线垂直的,【html问题】在网页中添加垂直分割线

html中添加水平分割线的方法非常简单，就是使用标签，但是却没有简单的添加垂直分割线的方法，我在学习的这段时间，自己琢磨了一些添加垂直分割线的方法。

1.在文本中直接使用符号"|"。

优点：简单方便。

缺点：不能调整长度，宽度等参数。

总结：在制作导航栏时用来做分隔是一个不错的选择，效果如下

2.插入图片作为分割线。

优点：可以随意选择不同颜色，不同类型的分割线。

缺点：在调整图片大小，尤其是宽度时，边缘会出现一定的锯齿的情况(如图)，而且，要调整图片的颜色还要换成其他的图片，不利于后期的调整。

总结：除非没有其他的方法，否则我是不会用这个方法的，使用起来毛病太多

3.定义一个div盒子，宽度设为1px，长度根据需要调整，颜色由background-color定义。

优点：调整方便，尤其当同一类的分割线使用了相同的css样式，可以对同一类进行调整，效率会很高，而且放大不会出现第二个方法中边缘锯齿的情况。

缺点：定义麻烦，样式单一，可能是我琢磨的还不够吧，当我想添加一个虚线的垂直分割线，这个思路的方法还没有想出来，这时候，我只能通过添加图片的方法加入虚线的垂直分割线

总结：当分割线需要的地方很多而且样式基本一致的时候通常用这种方法，但涉及到特殊的分割线，如虚线，半虚线等其他特殊的线，就需要添加图片来解决了

html添加一条虚线垂直的,【html问题】在网页中添加垂直分割线相关推荐

html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
html页面怎么添加打印,在网页中添加打印按钮或链接的方法
在网页中添加打印按钮或链接的方法发布时间:2020-05-27 17:38:35 来源:亿速云阅读:347 作者:鸽子打印按钮或链接是对网页的简单添加 CSS(层叠样式表)使你可以控制屏幕上的网 ...
关于如何在网页中添加自己的QQ客服方法
关于如何在网页中添加自己的QQ客服方法今天,自己在百度上查的,.本来我也不会.其实弄下来还是很简单的,下面我就来为大家介绍下如何在设计网页时给网页中加入自己的QQ客服图标. 第一步,用你所要添加到网 ...
CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍. CSS样式表文件的优势表现在两个方面: ***,简化了网页的格式代 ...
在网页中添加矢量图形
矢量图形在很多情况下非常有用 - 它们拥有较小的文件尺寸,却高度可缩放,所以它们不会在镜头拉近或者放大图像时像素化.在这篇文章中,我们将为您呈现如何在网页中添加矢量图形. 前提: 你需要了解 HTML ...
在网页中添加即时翻译器stardict
星际译王项目组资源下载列表:http://code.google.com/p/stardict-3/downloads/list 星际译王select&translate how to 即时翻 ...
在桌面上添加或删除计算机网络等图标,如何在Windows 10中添加或删除默认桌面图标...
我们将看到如何在Windows 10中添加或让我们开始吧: 在Windows 10设备中,选择"开始"按钮,然后选择"设置". 如何在Windows 10中添 ...
图片滚动html设置圆圈,在网页中添加滚动图片（文字和其它对象）的方法
在网页中添加滚动图片(文字和其它对象)的方法 (2006-04-13 15:31:51) 分类: 记滚动内容 Direction 参数可设置:up down left right (控制滚动方向) ...
怎样在html中加入音乐播放器,如何在网页中添加音乐播放器
小编其实一个很痴迷音乐的人,每当我用电脑工作的时候,都会打开播放器播放音乐的,然后顿时觉得很舒适,如果我们在别人浏览网页的时候加个音乐播放器播放音乐的话,那么我们的网页就会给别人带来很舒适的感觉.DW ...

html添加一条虚线垂直的,【html问题】在网页中添加垂直分割线

html添加一条虚线垂直的,【html问题】在网页中添加垂直分割线相关推荐

最新文章

热门文章