h2.MyClass01 {
padding: 1rem 2rem;
border-left: 10px solid #000;
}

大阪のホームページ制作会社 株式会社TREVO

コードサンプル

ヘッダーCSS

2021.12.09.

ヘッダーメニュー

twitter Facebook Pocket LINE はてブ

株式会社TREVOの月額制ホームページ制作サービス
PR

画像ズームあり

出力結果

CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン

htmlコード

<h2 class="MyClass01">CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン</h2>

CSSコード

<style>
h2.MyClass01 {
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}
</style>

CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン

画像ズームなし

出力結果

CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン

htmlコード

<h2 class="MyClass01">CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン</h2>

CSSコード

<style>
h2.MyClass01 {
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}
</style>

出力結果

CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン

htmlコード

<h2 class="MyClass01">CSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザインCSS見出しデザイン</h2>

CSSコード

<style>
h2.MyClass01 {
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}
</style>

大阪のホームページ制作会社TREVOでは、ホームページ制作に関する情報を掲載しています。最短2日で仮サイトを公開するサービスやSEO対策に特化したホームページ制作、オリジナルホームページデザイン、ライティング、リスティング広告、WEBマーケティングなどのサービスをご紹介しています。

twitter Facebook Pocket LINE はてブ
お見積もり