ホームページ > 記事 > ウェブフロントエンド > CSSでimgの枠線の色を変更する方法
CSS では、"border-color" 属性を使用して、img の境界線の色を変更できます。この属性の機能は、要素の境界線の色を設定することです。追加する必要があるのは、"border- color: color value; "スタイルで十分です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css で img の枠線の色を変更する方法
css では、border 属性を使用して img の枠線の色を変更できます. 以下の例を見てみましょう. 具体的な操作、例は次のとおりです:
<html> <style type="text/css"> img{ border-style: solid; border-width: 10px; border-color:red; } </style> <body> <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> </body> </html>
出力結果:
このとき、画像の境界線の色は赤です。次に、border 属性を渡します。テーブルの境界線の色は次のようになります:
<html> <style type="text/css"> img{ border-style: solid; border-width: 10px; border-color:blue; } </style> <body> <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> </body> </html>
出力結果:
(ビデオ共有の学習: css ビデオ チュートリアル )
以上がCSSでimgの枠線の色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。