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

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

王林
リリース: 2020-11-13 17:48:08
オリジナル
3444 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート