コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > div+css ボーダーの定義 style_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 12:29:03
オリジナル
1252 人が閲覧しました

まず、以下のスタイルは 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>

関連ラベル：
div+css关于边框样式的定义
ソース：php.cn
前の記事：div+css 左右の列の高さが適応され、親 div も child_html/css_WEB-ITnose の高さに適応します 次の記事：CSS スプライト テクノロジー 10 日間で Web 標準を学ぶ (div+css)_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
サイドバーが開いたときに div が左に押されるように、サイドバーの隣に div を配置する方法 サイドバーを開くと、メインコンテンツの div が右に寄せられるのではなくサイドバーの下に配置され、表示されるときの div の px はサイドバーの幅と等しくなるはずです。 cs...
から 2024-04-03 14:47:21
0
1
325
HTML <pre><code> タグをラップせずにオーバーフローしようとすると、フレックススペースが壊れる GitHub などで見られるようなスタイル付きのコード ブロックを作成するために、CSS をプリコード セレクターに適用します。レイアウトに Flexbox を使用しており、「bo...
から 2024-04-01 12:22:06
0
1
296
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート