スタイルシートを触ってみた | ◆日本の根底を支える50人以下の企業に最良の経営とITを届ける男

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

おはようございます。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;
}


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


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

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

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

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


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

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

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


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


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

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

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

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

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


本の底をえる50人以下の業へ良の営とITを」
FIRSTITPRO 代表 川端 俊之