ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSで画像に下枠を追加する方法

CSSで画像に下枠を追加する方法

王林
王林オリジナル
2020-11-13 17:48:083445ブラウズ

CSS で画像に下枠を追加する方法: border-top 属性と border-bottom 属性を使用して、[border-bottom:thick dotted;border-top:] のように上下の枠を追加できます。太いダブル;]。

CSSで画像に下枠を追加する方法

border-bottom 短縮プロパティは、下枠のすべてのプロパティを 1 つのステートメントに設定します。

(学習ビデオ共有: css ビデオ チュートリアル )

  • border-bottom-width 下の境界線の幅を指定します。

  • border-bottom-style 下枠のスタイルを指定します。

  • border-bottom-color 下の境界線の色を指定します。

例:

p
  {
  border-style:solid;  
  border-bottom:thick dotted #ff0000;
  }

border-top 省略表現属性は、上部境界線のすべての属性を 1 つのステートメントに設定します。

  • border-top-width 上部の境界線の幅を指定します。

  • border-top-style 上部の境界線のスタイルを指定します。

  • border-top-color 上部の境界線の色を指定します。

例:

p
{
border-style:solid;
border-top:thick double #ff0000;
}

関連する推奨事項: CSS チュートリアル

以上がCSSで画像に下枠を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。