あちこちのブログを見ていて、見出しがかっこいいなぁと思っていたのですが。

JUGEM でも見出しがつけられた!


↑とりあえず h2 タグで囲んでみました( ̄∇ ̄)v

で、左に太い線をつけて下に細い線を引くのってどうするのかな?
と、悩んでいたのですが。

CSS をいじればよいだけだったのですな( ̄∇ ̄)

見出しに線を引き、色をつけて隙間をちょこっと空けるには!


CSSの中に

h2 {
font-size: 14px;
color: #CC9966;
border-bottom: 2px solid #CC9966;
border-left: 11px solid #CC9966;
padding-left: 8px;
}

と書いたら解決しました\(^o^)/

border だけだと、全体を囲っちゃうんですね。
padding だけだと、上下左右ぜんぶ隙間ができるんですね。

見よう見まねでやってみたのですが

これからも、あちこちのかっこいいブログを見て、研究してみま〜す。
follow us in feedly にほんブログ村 地域生活(街) 中国地方ブログ 下関情報へ ←ランキング参加してます!ポチよろしく!
Kategorie:ブログとか, 19.12.2013 13:05 JST

profile Authorin : くまのまぉ 各国語学習サイト Joe's HomePage! オーナーです。
下関のゆめシティ近辺で、クラウド活用を楽しんでます。
このブログを応援してくださる方は、Amazon からお買い物なさる時に次のリンクから買っていただけると幸いです。→Amazon


Calendar

S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< October 2018 >>

Selected Entry

Link

姉妹blog:語学と音楽

くものまど。新着25記事

わりと人気のある過去記事

おともだちのブログとか

Archive

Search

Profile

Other

Powered

無料ブログ作成サービス JUGEM