CSS(スタイルシート)カスタマイズ 見出し
見出しエントリー一覧
- h3 h2タグ設定
- #main h3 , #main h2 { font-size: 16px; padding-left: 30px; line-height: 22px; background-repeat: no-repeat; background-position: left top; color: #333333; background-image: url(img/h3.jpg); padding-top: 5px; padding-bottom: 5px; padding-righ...
- H1 タグ設定
- h1 { font-size: 10px; margin: 0px; line-height: 20px; color: #FFFFFF; text-align: left; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-color: #7CCBEC;h1 { →見出しh1font-size: 10px; →文字大きさm...
- H4 タグ設定
- #main h4 { font-size: 15px; line-height: 18px; background-image: url(img/h4_bg.jpg); background-repeat: no-repeat; margin-top: 5px; margin-bottom: 10px; background-position: left bottom; color: #333333; padding-top: 6px; padding-bottom: 6px; padd...
- H5 タグ設定
- #main h5{ background-image: url(img/h5.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 25px;#main h5{ ⇒H5タグ background-image: url(img/h5.jpg); ⇒背景画像 イメージフォルダ参照 h5の画像background-position: left cent...
- H6 タグ設定
- #main h6{ background-image: url(img/h6.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 35px;#main h6{ ⇒H6タグbackground-image: url(img/h6.jpg); ⇒背景 imgフォルダ参照 h6画像background-repeat: no-repeat; ...
- H5,H6共通設定
- }#main h5,#main h6,#entrylist dt { font-size: 13px; line-height: 18px; margin-top: 6px; margin-bottom: 6px;}#main h5,#main h6,#entrylist dt { ⇒h5タグメイン上 H6エントリーリストfont-size: 13px; ⇒文字大きさline-height: 18px; ⇒行高さmargin-...
- sitemapの設定
- #sitemaps h4 { line-height: 18px; text-decoration: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-weight: bold; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url...