ホームページ > 記事 > ウェブフロントエンド > CSSで下線を設定する方法
CSS の text-decoration プロパティを使用して下線を設定できます。これは、次の手順に従って行うことができます。 text-decoration:underline 値を使用して下線を設定します。オプションのパラメータは次のとおりです。 overline: テキストの上に行を追加します。 line-through: テキストの途中に行を追加します。ストロークの太さと色は、text-decoration-thickness プロパティと text-decoration-color プロパティを使用して調整できます。 text-decoration-skip 属性は、ダッシュをスキップする文字のタイプを制御します。
#CSS 下線設定
CSS のtext-decoration 属性を使用して装飾スタイルを設定します下線を含むテキストの場合。下線は、
text-decoration プロパティの
underline 値を使用して設定できます。
<code class="css">/* 设置元素文本的划线样式 */ element { text-decoration: underline; }</code>
オプションのパラメーター
underline に加えて、
text-decoration 属性は、下線のスタイルを制御する次の値もサポートします。
<code class="css">/* 设置文本为红色实线划线 */
p {
text-decoration: underline solid red;
}
/* 设置文本为绿色双线划线 */
h1 {
text-decoration: double underline green;
}</code>
下線スタイルは他のテキスト装飾スタイルと組み合わせることができます( (下線や取り消し線など) が併用されます。
text-decoration-color
プロパティを通じて調整できます。
以上がCSSで下線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。