目次:
- リボンを生成するには、リボン要素に使用する色と間隔を指定する必要があります。色の選択は、ベースカラーに基づいてランダムに生成されたシーケンスを使用するか、特定の色の選択肢を使用することです。間隔は、指定した範囲内のランダムまたは各色の選択のための特定のサイズです。
- リボンルールを含むイメージは、他のイメージを使用できる場所であればどこでも使用できます。しかし、ほとんどの人はスタイルの一部としてリボンルールを使用します。次のコードは、この例で作成されたリボンルールを使用する方法の例を示しています。
- エリア1
- このエリアは、ユーザが選択した設定を使用します。
- このエリアはランダム設定を使用します。
ビデオ: 文字の色を変える（Dreamweaver CS6） 2025
CSS3には、多くのサイトで標準のHTMLルールを置き換えたカラフルなグラフィックルールであるr 999のibbonルール が組み込まれています。グラフィックルールはサイトにアクセントを追加し、もう少し完成したように見せます。メインページの[Webツール]メニューの[リボンルール]をクリックして、リボンルールジェネレータにアクセスします。
リボンを生成するには、リボン要素に使用する色と間隔を指定する必要があります。色の選択は、ベースカラーに基づいてランダムに生成されたシーケンスを使用するか、特定の色の選択肢を使用することです。間隔は、指定した範囲内のランダムまたは各色の選択のための特定のサイズです。
ユーザーが選択した色とシーケンスの間隔は、使用時に少し注意が必要です。最初に、16進数の値の前にシャープ記号（#）が付いていることを確認してください。そうしないと、生成時にリボンが黒く表示されます。第二に、あなたが作る色の選択は、あなたが出力リボンにそれらを作る順序で正確に現れるでしょう。
<！ - 2 - >
リボンを繰り返し使用する場合は、シーケンスと間隔を一緒に作成します。テストでは、26のスペーシングが優れていることがわかります。ページ上で大きく見える繰り返しシーケンスで終わることになります。選択したら、[生成]をクリックします。リボンルールジェネレータはリボンルールを作成し、フォームの下に表示します。表示されているようにリボンを使用するか、別の外観に変更することができます。作成したリボンを保存するには、ページ上のその項目を右クリックし、コンテキストメニューから「名前を付けて画像を保存」を選択します。イメージの名前を入力し、[保存]をクリックしてアクションを完了します。
<！ - 9 - >
CSS3でリボンルールを使用する方法リボンルールを含むイメージは、他のイメージを使用できる場所であればどこでも使用できます。しかし、ほとんどの人はスタイルの一部としてリボンルールを使用します。次のコードは、この例で作成されたリボンルールを使用する方法の例を示しています。
リボンルールをテストする#Area1 {margin：5px;パディング：5px; border-style：solid; border-width：6px; border-image：url（UserRule。GIF）960 10 repeat;}#Area2 {margin：5px;}パディング：5px; border-style：solid; border-width：6px; border-image：url（RandomRule.gif）960 10 repeat;}
リボンルールのテストエリア1
このエリアは、ユーザが選択した設定を使用します。
エリア2
このエリアはランダム設定を使用します。
これを使用してページ上にルールを作成します。このページには2つの領域があります。 1つ目は、ユーザー固有の設定で作成されたリボンルールを表示します。 2番目のオプションはランダム設定を使用して作成されたリボンルールを表示します。もちろん、リボンルールの作成には無限の可能性があります。これらの例は、単にあなたができることを代表するものです。この例の典型的な出力を以下に示します。
