处理方式:
1、图片(略)
2、字符:就跟普通的其他字符一样就可以
eg:|

3、边框:border-left或者border-right
4、背景颜色
假如那条竖线是100px的话,使用定位在那个位置写一个height=100px,width=1px,background=#000的div。
5、利用伪类

#test:after {content: '';height: 30px;width:1px;background: #000000;display: inline-block;vertical-align: middle;}

推荐使用before/after伪元素,次之使用border,再次之背景颜色,最后背景图片(如果是小小竖线,直接用相关字符就好了)

HTML插入一条竖线相关推荐

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

    怎样在网页中插入一条分割线 一.横线<hr>,可设置css宽高以及背景色. 二.竖线: 方法1,利用块级元素的border属性,如:div{width:1px;height:100px; ...

  2. python mysql批量insert数据、返回id_Python3 操作 MySQL 插入一条数据并返回主键 id的实例...

    Python 中貌似并没有直接返回插入数据 id 的操作(反正我是没找到),但是我们可以变通一下,找到最新插入的数据 #!/usr/bin/env python3 # -*- coding: UTF- ...

  3. php执行mysql insert,当执行mysql insert 时插入两条是咋回事

    当执行mysql insert 时插入两条是怎么回事? 本帖最后由 Eason_____________ 于 2013-07-25 11:25:44 编辑 //做了一个手机上传图片到服务器的功能.但是 ...

  4. 你向 Mysql 数据库插入 100w 条数据用了多久?

    点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料 目录 1.多线程插入(单表) 2.多线程插入(多表) 3.预处理S ...

  5. 怎么快速插入 100 条数据,用时最短

    点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料 作者:孤独键客 https://juejin.im/post/5d ...

  6. 怎么快速插入 100 条数据,用时最短!

    原文:https://my.oschina.net/OutOfMemory/blog/3117737 群友又抛出了一道面试题,有人给出了答案,看完后,是否还有改进的地方,留言评论,一起精进吧! 多线程 ...

  7. c mysql显示多条数据_用一条mysql语句插入多条数据

    假如有一个数据表A: id name title addtime 如果需要插入n条数据 : $time= time(); $data = array( array( 'name'=>'name1 ...

  8. 在SQL Server中如何获得刚插入一条新记录的自动ID号

    在SQL Server中如何获得刚插入一条新记录的自动ID号 收藏 --------------------------------------------------------------- 使用 ...

  9. html 如何实现一条竖线边上有 刻度_记一次腾讯面试:进程之间究竟有哪些通信方式?如何通信? ---- 告别死记硬背||CSDN博文精选...

    作者:帅地 有一次面试的时候,被问到进程之间有哪些通信方式,不过由于之前没深入思考且整理过,说的并不好.想必大家也都知道进程有哪些通信方式,可是我猜很多人都是靠着"背"来记忆的,所 ...

最新文章

  1. Goods:图书模块按分类查询各层实现
  2. entity framework .core常用技巧
  3. softmax函数为什么叫softmax?
  4. 3306端口是什么协议_防黑必备技能之端口篇
  5. Java 利用反射实现C#的委托
  6. ie禁止html复制元素,JavaScript_禁止选中文字兼容IE、Chrome、FF等,复制代码 代码如下: $(el).attr('u - phpStudy...
  7. ubuntu 21.04创建桌面快捷方式的方法
  8. v8学习笔记(六) 汇编过程
  9. 分享一个不错的表格样式
  10. Mybatis 插入时获取主键的方式
  11. Nginx应用场景之HTTP服务器
  12. Intel 64/x86_64/IA-32/x86处理器 - SIMD指令集 - SSE扩展(13/E) - FXSAVE/FXRSTOR指令
  13. docker中容器与宿主机之间的网络关系
  14. Windows 平台下安装Cygwin后,sshd服务无法启动
  15. 基于JAVA宠物店管理系统设计与实现计算机毕业设计源码+数据库+lw文档+系统+部署
  16. 游戏建模赏析:《魔兽世界》伊瑟拉图鉴
  17. 中国电力电子行业前景方向预测及投资规划建议报告2022-2028年版
  18. 华为VRRP-基于交换机的VRRP配置
  19. 总线宽度为32bit,时钟频率为200MHz,若总线上每5个时钟周期传送一个32bit的字,则该总线的带宽为 (4) MB/S。...
  20. 如何免费建立一个网站?

热门文章

  1. python如何撤销上一步_python代码运行到某一步能返回到前面某一步吗?
  2. Ubuntu18安装微信(deepin-wine版本)完整过程以及采坑记录
  3. 机器视觉入门资料大全,工业机器人“眼睛”
  4. php 网址尾部带斜杠和不带区别,网址中带斜杠和不带斜杠的区别
  5. PHP正则表达式提取html超链接中的h…
  6. 12【不定式  动名词】to-infinitive gerund
  7. 币圈的8大女神都是谁?-千氪
  8. 计算机文化基础0008 17秋在线作业1,川大《计算机文化基础0008》17秋在线作业1(100分)...
  9. 想学CNC编程的一定要看过来
  10. 端午节餐厅公众号推文就用来逗微信编辑器