关于元素如何显示部分边框线 怎么显示一半的边框线 部分border 画树图的连接线

本文主要是介绍关于元素如何显示部分边框线 怎么显示一半的边框线 部分border 画树图的连接线，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

关于元素如何显示部分边框线

怎么显示一半的边框线 || 部分border || 画树图的连接线

这里用到 ，支持的浏览器Firefox，chrome，Safari，IE不可以。

类似于这样的半根边框线：

急着做项目的同学，一目了然的代码拿走拿走：

.XXX {border-left: 1px solid #bbd9fd;border-image: -webkit-linear-gradient(bottom, transparent 50%, #bbd9fd 50%, #bbd9fd 100%) 1;
}

注：原来border-style属性一定要写，会被border-image覆盖

想了解 border-image 属性？

https://www.w3school.com.cn/cssref/pr_border-image.asp

详细的讲解看看这个大佬：

https://www.cnblogs.com/wyaocn/p/5813580.html

-webkit 是个啥前缀？

https://www.cnblogs.com/hz-blog/p/5142139.html

这篇关于关于元素如何显示部分边框线 怎么显示一半的边框线 部分border 画树图的连接线的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---