Border color gradient effect

The code is as follows:

     
  
 在Firefox浏览器里能看到边框颜色渐变效果 
  

border:

##8px solid represents the solid border of 8 pixels Line (solid) color is black

##-moz-border-bottom-colors:(Down)

The border is set The width is X px, then you can use X colors on this border, each color showing a width of 1px. If say your border is 10 pixels wide but only declares 5 or 6 colors, then the last color will be added to the remaining width.

Show results: