ホームページ > 記事 > ウェブフロントエンド > CSSでimgの枠線の色を変更する方法
CSSでimgの枠線の色を変更する方法
- WBOYオリジナル
- 2021-11-25 17:37:024114ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでクラスを呼び出す方法次の記事：CSSでクラスを呼び出す方法