見出しのサンプル

見出し2

見出し3

見出し4

普通のテキストから、太字<strong>タグ(B)に変わります

スタイルシート(備忘録として)

見出し&strongタグ

.post_content h2 {
position: relative;
padding: 0.5em;
background: #3c8a8b;
color: white;
margin-top:2em;
margin-bottom:1.5em;
}

.post_content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

.post_content h3 {
border-bottom: solid 3px #999;
margin-top:2em;
margin-bottom:1.5em;
font-size:170%;
font-weight:bold;
}

.post_content h4 {
padding: 0.25em 0.5em;
color: #333333;
background: transparent;
border-left: solid 5px #3c8a8b;
font-size:150%;
margin-top:2em;
margin-bottom:1.5em;
}

.post_content strong {
font-size:140%;
font-weight:bold;
color:#3c8a8b;
}

 

経営理念ページ 固定CSS

.post_content h2 {
  position: initial;
  padding: initial;
  background: initial;
  color: #3c8a8b;
margin-top:1em;
text-align: center;
font-weight:bold;
font-size:200%;
color:333;
border-top:1px solid #333;
border-bottom:1px solid #333;
padding:0.5em 0;
}

.post_content h2::before {
  position: initial;
  content: '';
  top: initial;
  left: initial;
  border: initial;
  border-bottom: initial;
  border-right: initial;
}

#thispage {
font-size:200%;
margin:2em auto;
}

.post_content strong {
 color:#333;
}

お問い合わせ

一問一答

イベントスケジュール

カテゴリー

過去の記事

PAGE TOP