CSSで下線を書く方法

醉折花枝作酒筹
リリース: 2023-01-07 11:45:28
オリジナル
27932 人が閲覧しました

CSSの下線の書き方は、 1. text-decoration「text-decoration:underline」という構文で設定する; 2. border-bottomとpaddingで設定する。

CSSで下線を書く方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

通常、2 つの方法があります:

まず、CSS の下線コード text-decoration:underline を使用してテキストの下線を設定します。

デモの例は次のとおりです:

1. コード例は次のとおりです:

CSSで下線を書く方法

この時点で、ページ効果は次のとおりです。下線を付して以下のようになります。

CSSで下線を書く方法

2. div の境界線を設定して効果を実現します:

例は次のとおりです:

Add border-bottom : 1px 単色黒、padding-bottom: 10px 2 つのキー スタイル、次のとおりです:

CSSで下線を書く方法

このときのページ効果は次のとおりです:

CSSで下線を書く方法

推奨される学習: css ビデオ チュートリアル

以上がCSSで下線を書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート