ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSで枠線の色を設定する方法
CSS で枠線の色を設定する方法は、[border-color] 属性を使用して 4 つの枠線の色を設定することです。[border-color] 属性は、色を設定できる省略された属性です。要素のすべての境界線の表示部分の色を指定したり、4 つの辺に異なる色を設定したりできます。
このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。
css で境界線の色を設定する方法:
css では、border-color 属性を使用して 4 つの境界線の色を設定できます。 border-color プロパティは、要素のすべての境界線の表示部分の色を設定したり、4 つの辺のそれぞれに異なる色を設定したりできる省略表現のプロパティです。
CSS セットの境界線の色:
<html> <head> <style type="text/css"> 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> <p> <b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。 </p> </body> </html>
レンダリング:
以上がCSSで枠線の色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。