レンタルサーバー屋のSEOブログ、レンタルサーバー屋さんで培ったノウハウでSEOブログやっています。よろしくお願いします。

レンタルサーバー屋さんのSEOブログ

HP作成について お役立ち情報

<h1>~<h6>見出しタグを可愛く簡単に修飾しよう。

投稿日:

見出しをcssで装飾するのは今や常識ですね。

googleのGoogle 検索エンジン最適化スターターガイドの20ページ目にも

見出しタグで重要性を示すとあります。

最も重要な<h1>から、重要度の低い<h6>までの見出しタグですが

可愛く、簡単に作成できる日本の無料サービスがありました。

スタイルシート見出しメーカーさんです。

好きな色を選択して、色の調整を行って、作るをクリックします。

すると、HTMLとCSS両方のタグを吐き出してくれます。

コレを簡単に<h1>から<h6>までの見出しタグにしてしまいます。

変更したところを太字にしています。

 

.menuRibbon {
margin:0 0 10px 0;
padding:2px 8px;
background:#CBDA10;
color:#666600;
line-height:140%;
font-weight:bold;
}

 

<p class="menuRibbon">menuRibbon</p>

      ↓

h2 {
margin:0 0 10px 0;
padding:2px 8px;
background:#CBDA10;
color:#666600;
line-height:140%;
font-weight:bold;
font-size: 12pt;
}

<h2>menuRibbon</h2>

 

使用したいタイプを選んでコピペするだけです。

HTMLファイルに直接書く場合は

<head> と </head>の間に <style type="text/css"> </style>と書いて

<style type="text/css">この間に CSS を貼り付けます。 </style>

可愛くて簡単で無料のこのようなサービスは本当に嬉しいですね。

w-128

-HP作成について, お役立ち情報
-,

Copyright© レンタルサーバー屋さんのSEOブログ , 2019 All Rights Reserved Powered by AFFINGER5.