div css中border与border之间空隙的颜色怎样修改??

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div css中border与border之间空隙的颜色怎样修改??相关的知识,希望对你有一定的参考价值。

参考技术A 通常的做是用背景图片来做,切一1px宽的图片,做为背景然后填充满x轴,这样就可以做到边到边之间空隙的颜色渐变效果了,这种做法是在CSS2里面,又是兼容最好的方法之一。
不一般的做法就是可以直接用CSS3样式给一个渐变的背景色,但此做法不兼容IE7、IE6,
参考技术B border与border之间?
1,如果是css3,有专门的语法,实际上不能说是border与border之间,而是控制border的过渡颜色,只有在border的宽度值≥3时才有效。
2,如果是css2,你说的应该就是父级元素与子级元素之间的填充,通过父级元素的background-color来控制。追问

就是要上面图片的过渡颜色如何达到下面图片的效果?

追答

明白你的意思了,你所需要的是CSS3新加的渐变效果,即Gradient

渐变有线性渐变和径向渐变两种,前者如下图:


径向渐变:


详情教程可以在w3plus学习。

本回答被提问者和网友采纳
参考技术C 两个当中在加一个层 再加颜色。。。 参考技术D 把代码发过来看一下

以上是关于div css中border与border之间空隙的颜色怎样修改??的主要内容,如果未能解决你的问题,请参考以下文章

用div+CSS做的网页头图出现空隙白线,不是图片的问题,求助是啥原因,需要怎么做?

单元格之间的空隙

在div中插入图片为啥会有空隙?

多个div高度不同,怎么填充之间的空隙

div中有个img标签,div设置border样式,img标签与div之间的距离怎么解决

css圆角边框代码,css3中div圆角边框是怎么写的