コンピューター, プログラミング
装飾下線CSS-要素
技術のスタイルシートは、HTMLページのデザインに2つの機能を有しています。 まず、その助けを借りて、サイトの個々の要素の形成位置があります。 第二に、それはユーザーに単位が視覚的に魅力的になります。 第二の機能の実装は、多くの方法で行われます。 そのうちの一つ - 強調する。 CSSは、この属性、テキストベース の装飾のために用意されています。
仕様属性レコード
プロパティがシンプルであるテキストベース の装飾を使用してください。 CSSファイルのコードで登録するのに十分な、項目の次の行：
テキストベース の装飾：znachenie_atributa。
代わりに「のznachenie_atributa»CSSの仕様では、オプションの数を提供しています：
- 下線 -直接テキストの下にある行を。
- 上線 -ラインは、テキストの先頭から実行されます。
- なし -すべての装飾効果の除去;
- 継承 -親要素の値を採用しています。
この属性だけでなく、CSSのアンダースコアを指定しますが、そのような「点滅」や取り消し線のテキストなど他の効果として、上記では、記録のすべての可能な形態ではありません。
デザインのハイパーリンクの例
Webデザインやプログラミングでは初心者、疑問が生じる：なぜテキストにボトムラインを行いますか？ インターネット技術の時代彼の前にハイパーリンクであるという事実のために、ユーザの割り当てのこの方法の夜明け - これをクリックすることで、テキストに新しいページへの移行を行うことになります。
デフォルトでは、ハイパーリンクのプロパティには、 下線を設定します。 実際には、非アクティブなデバイスから行を削除し、ユーザーがマウスポインタを移動すると、それが見えるようにする問題があります。 ここで下線CSSのリンクを無効にするコードの例は次のとおりです。
{テキスト装飾：なし; }
次のエントリを使用して、アクティブなリンクの場合：
A：ホバー{テキスト装飾：下線;}
高度な装飾のアンダースコア
装飾 、テキストベースの標準的な属性には、いくつかの制限があります。
- リンクテキストの色と異なる線の色は、彼らの「着色」を区別することは不可能です。
- 唯一の実線は、アンダースコアとして使用されています。 CSSは、マークの他のスタイルの使用を必要としません。
しかし、特別な技術は、テキストの古典的な外観をバイパスするのに役立ちます。 最初のケースでは、オプションのタグ<スパン>を使用してハイパーリンクを設定します。
例えば：
<スパンのスタイル= "色：青 "> ハイパーリンク の
。 >
その結果、ページ上の単語のハイパーリンクは青色で書き込まれ、ラインの色が赤になります。
CSSのアンダースコアを可能にし、別の高度な方法は、 - のborder-bottom。 以下の例では、その使用方法を示しています。
{ボーダー底：1ピクセル固体赤;}
結果は、前の例と同じであろう。 しかし、この方法は、重要な利点があります。 （現在は赤セット- 赤）、線の色を変更することに加えて、方法刻印を変換することが可能です。
- 点線の -ポイントは強調します。
- 破線 -ラインは、ストロークで構成されています。
- ダブル -二重線を描画します。
だから、BORDER- 底がより機能的である属性。 テキストの下に装飾ラインの表示に加えて、それは、その外観をカスタマイズすることが可能となります。
Similar articles
Trending Now