CSS3 チュートリアル (3): Web ページのボーダーカラーのボーダー color_css3_CSS_Web ページ システム

Webjx 記事の紹介: 次に、境界線の境界線の色にさらに色を追加する方法を見てみましょう。 次に、境界線のボーダーカラーにさらに色を追加する方法を見てみましょう。 前回の記事では、 CSS3 チュートリアル (2): CSS3 border-r を使用した Web ページの境界線の半径と Web ページの角の丸みを紹介しました

では、境界線の border-color にさらに色を追加する方法を見てみましょう。
次に、枠線の枠線の色にさらに色を追加する方法を見てみましょう。
前回の記事で紹介しました：CSS3チュートリアル（2）：Webページの境界線の半径とWebページの角の丸み
CSS3のborder-radiusプロパティを使用して、境界線の幅をXピクセルに設定すると、Xを使用できます。この境界線の色は、各色が 1 ピクセルの幅で表示されます。境界線の幅が 10 ピクセルで、5 色または 6 色しか宣言されていない場合は、最後の色が残りの幅に追加されます。 ブラウザの互換性
現在、CSS3 border-colour プロパティをサポートしているのは Firefox のみであるため、ここでは -moz プレフィックスを使用するだけで済みます。
CSS3 に関するこのシリーズのすべての記事は、ブラウザーの互換性を追跡するために随時更新されます。 CSS3 の境界線の色

標準的な 10 ピクセル幅の境界線と境界線の色は次のとおりです:
#borderColor { border: 10px Solid #dedede; -moz-border-bottom-colors: #300 #600 #700 #800 #900 #A00; -moz-border-top-colors: #300 #600 #700 #800 #900 #A00; -moz-border-left-colors: #300 #600 #700 #800 #900 #A00; border-right-colors: #300 #600 #700 #800 #900 #A00; パディング: 15px 25px; 高さ: 継承; 幅: 590px; }
ブラウザのサポート:

FireFox (3.0.5) 1.0.154 )

Google Chrome (2.0.156 )

Internet Explorer (IE7/IE8 RC1)

Opera (9.6)

Safari (3.2.1、Windows) 角が丸い枠線の色

-moz-border -top -colors: #303 #404 #606 #808 #909 #A0A; -moz-border-left-colors: #303 #404 #606 #808 #909 #A0A; 303 #404 #606 #808 #909 #A0A; パディング: 15px 25px; 高さ: 継承; 幅: 590px; }

FireFox (3.0.5)

Google Chrome (2.0.156)