css+html 怎样插入竖直的分割线

Posted 2023-03-17

百度 | 知道

就像上面文字之间的分割线

参考技术A 对banner图片写个样式，这里假如banner图片大小为960*200，那么样式如下：.bannerdisplay:block; overflow:hidden; width:960px; height:200px; 参考技术B

背景图片

border-right:1px solid black;

本回答被提问者采纳 参考技术C 设置包装元素的边框，或者直接写个 |

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

一、横线<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，插入做好的背景图。