ホームページ > 記事 > ウェブフロントエンド > CSSで下線の色を設定する方法
#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。 下線の色を設定したい場合は、border-color 属性を直接使用します。 border-color 属性は、要素の 4 つの境界線の色を設定できます。 例:CSS で下線の色を設定する方法は、border-color 属性をテキストに追加し、[border-color:#ff0000 #0000ff;] などの適切な color 属性値を設定することです。
border-color:红,绿,蓝,粉红色;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p.one { border-style:solid; border-color:#0000ff; } p.two { border-style:solid; border-color:#ff0000 #0000ff; } p.three { border-style:solid; border-color:#ff0000 #00ff00 #0000ff; } p.four { border-style:solid; border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255); } </style> </head> <body> <p class="one">One-colored border!</p> <p class="two">Two-colored border!</p> <p class="three">Three-colored border!</p> <p class="four">Four-colored border!</p> </body> </html>実行しましょう 効果を見てみましょう:
以上がCSSで下線の色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。