css border-style 浏览器显示问题

 

今天做完网站，突发奇想，多下载了几个浏览器看一下效果；

发现了一个问题；

关于border的；

暂时还没想到解决办法，希望大神留言指教一下；

火狐浏览器与谷歌浏览器显示正常；搜狗浏览器显示成方块了；

css代码：

 

dotted：圆点；solid ：实线     double ：双线dashed：虚线

是不是宽度问题啊?

以下是显示的问题：

火狐浏览器：

搜狗浏览器：

 

 

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

小说不写完是太监，提出问题不解决不地道；

 

 具体解决办法

1，,是做一个图片，背景会自动平铺；   

div{

    width: 100%;

        height: 50px; 

        color: white;

       background: url(../../assets/ciole.png); 

}

2，  border-image 属性

 

https://www.runoob.com/cssref/css3-pr-border-image-repeat.html

给一个链接，我没做出来。

 

个人认为第一个最简单粗暴。