スタイルシートを触ってみた

おはようございます。FIRSTITPRO代表の川端です。

昨日、少しブログのスタイルシートをいじっていました。
クライアントと電話していてスタイルシートの話になったものですから、その話をしながらテストがてらブログのCSSを触って追加してしまいました。

本当にちょっとだけ3分程度、書き加えただけなのですが、書き加えるとこんな枠を作ることが出来ます。

▼まずこれです。青いBOX枠。

これが、電話しながら追加したスタイルシートのクラスです。
なにを言っているのか分らないですよね。こういうことが簡単に出来るのがスタイルシートという奴です。
このソースは。。。。
.sikaku{
width: 320px;
float: center;
padding: 10px;
border: 1px solid #0066FF;
}

▼そして応用で、左強調線。

これが、電話しながら追加したスタイルシートのクラスです。
なにを言っているのか分らないですよね。こういうことが簡単に出来るのがスタイルシートという奴です。
このソースは。。。。
.tatesen{
width: 320px;
float: center;
padding: 10px;
border-left: 10px solid #EE82EE;
}

ブログを書くときに、ちょっと使えそうですよね。この枠や線。


【あなたのブログでも使いたい場合は】

管理ページの[デザイン変更]-[スキンCSSの編集]で表示されたCSS文の一番最後にソースをコピペして追加し、保存。

ブログを書くときにタグ編集エディタモードで<div>タグを使って記述します。

<div class="sikaku">これが、電話しながら追加した・・・</div>

ただ、【タグ編集エディタ】（YouTubeなどのコンテンツを貼りつけたりする時にも使います）を使わないと書けないので、ちょっと勉強が必要です。

参考にしてみてください。

こっそり、質問してもらっても良いですよ（笑）


今日も素晴らしい一日になるでしょう。楽しみです。


日々鍛錬。前へ前へ、一歩でも前へ。

▼ランキング参加中です。m(__)m
「がんばれ川端！」と応援クリックください

「夢は見るものじゃなく、叶えるもの」
「幸せは成るものじゃなく、感じるもの」
良い言葉です。

「線を描いて点を捉えることのできる人は成功する」
「人が人を繋ぐもの」「人は人を繋ぐもの」
（川端語録）

▼口コミで3,000社が購入した給与計算ソフトはこちら▼
【給与計算DX2009 for EXCEL （H21年末調整対応版）】


「日本の根底を支える50人以下の企業へ最良の経営とITを」
FIRSTITPRO 代表 川端　俊之