ホームページ >ウェブフロントエンド >htmlチュートリアル >div+css ボーダーの定義 style_html/css_WEB-ITnose

div+css ボーダーの定義 style_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:29:031253ブラウズ

まず、以下のスタイルは html5 の定義内容です。ブラウザに関しては、IE8 および IE8 以下のブラウザでは互換性が達成されました。

border-color: #ccc #aaa #999 #666 #777; 定義

CSS3 の border-radius プロパティを使用すると、この境界線を X 色で使用できます。 、それぞれ 1px の幅を示します。たとえば、境界線の幅が 10 ピクセルで、5 色または 6 色しか宣言されていない場合、最後の色が残りの幅に追加されます。

border-radius:5px;

以下はボーダーのいくつかの定義属性のテスト内容です:




html5 の境界線の定義:





Firefox ブラウザで境界線の色のグラデーション効果を確認できます


safari3+ および FF3.5 ブラウザで境界線の背景画像が表示されます


Firefox の場合角丸効果はブラウザで確認できます


FF と Safari で確認できます

< ;/div>
< /body>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。