見出しを自動生成(CSS、HTML)してくれる「CSS見出し ジェネレータ」

cssjeneretahalpost

テーマ変えたら見出しって結構悩みますよね!?いまだに納得してなくてちょこちょこ変えているんですが、HaLPosTはコードが書けないものですから、こう言った自動ジェネレーターはほんとに助かります!!


CSS見出し ジェネレータ

見出しの種類、ボックス関係、文字関係を選ぶだけでCSS、HTMLが生成されます。


【生成後】:

各項目を選んだらジェネレートボタンをクリックで生成されます。

CSS
.sample2 {
    position:relative;
    color:#ffffff;
    background:#000000;
    font-size:16pt;
    line-height:1;
    margin:20px -10px 20px -10px;
    padding:10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px #666666;
    border-top:3px solid #ff6347;
}
.sample2:after, sample2:before {
    content:"";
    position:absolute;
    top:100%;
    height:0;
    width:0;
    border:5px solid transparent;
    border-top:5px solid #333;
}
.sample2:after {
    left:0;
    border-right:5px solid #333;
}
.sample2:before {
    right:0;
    border-left:5px solid #333;
}

HTML
<h3 class="sample2">
あいうえおかきくけこ
</h3>



簡単すぎるwww 素人のHaLPosTには大変重宝します!!



このサイト様ではいろいろなジェネレーターを作っておられるようです。勉強になります!!

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です