境界線の色のグラデーション効果

#コードは次のとおりです:

<!doctype html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Border-color</title>
   </head>
   <body>
      <div style="border: 8px solid #000;
      -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      -moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
      padding: 5px 5px 5px 15px;">
         在Firefox浏览器里能看到边框颜色渐变效果
      </div>
   </body>
</html>

border:

##8px 実線は実線の境界線を表します。 8 ピクセルの線 (実線) の色は黒です

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

境界線幅が X ピクセルに設定されている場合、この境界線で X 色を使用できます。各色は 1 ピクセルの幅を示します。たとえば、境界線の幅が 10 ピクセルで、5 色または 6 色しか宣言されていない場合、最後の色が残りの幅に追加されます。＃＃＃＃＃＃＃＃＃＃＃＃結果を示す：＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃

学び続ける