|
今回から、CSS（スタイルシート）を利用する方法をご紹介したいと思います。他のhtmlやWikiもそうですが、Yahoo!blogで利用できるCSSは、ほんの一部分です。しかし、それを利用すると又様々な表現が可能になってきます。 本来CSSは様々な部分に対して設定できるのですが、Yahoo!blogの場合は設定できるのが、今のところテーブルに対する設定だけのようです（私が知らないだけかもしれませんが）。なので、とりあえずテーブル関連のCSSから初めてみたいと思います。 少し複雑に感じる部分もあるかもしれませんが、少しずつやって行きましょう。それでは、はじめたいと思います。 ※CSSを使用する場合は、記事本文を記入する欄の右上にある「Wiki文法使用」をチェックしておいてください。 基本的なルールとしては style=設定項目:設定値;
です。（":"コロンと";"セミコロンの違いに注意！！） これをテーブルに設定するときは以下のようになります。 ||<#色の値 style=設定項目:設定値; ``文章||
という感じになります。テーブルに関して詳しくは Wiki超入門１３「テーブルを表示させる方法」 Wiki超入門１４「テーブルの大きさと色を変える方法」 Wiki超入門１５「テーブル中の文字の位置を変える方法」 Wiki超入門１６「テーブルのセルを結合する方法」 をご覧ください。 ■フォントのサイズを変える（font-sizeが8pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:8px ``こんにちは|| ※補足 分かりやすくするために、セルの色と大きさを設定しています。
Yahoo!blogの場合、標準でフォントのサイズが12pxに設定されているようです。 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■フォントのサイズを変える（font-sizeが10pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:10px ``こんにちは|| 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■フォントのサイズを変える（font-sizeが12pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:12px ``こんにちは|| 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■フォントのサイズを変える（font-sizeが14pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:14px ``こんにちは|| 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■フォントのサイズを変える（font-sizeが16pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:16px ``こんにちは|| 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ■フォントのサイズを変える（font-sizeが18pxの場合） 文法） ||<#ccffff' width=100 height=50 style=font-size:18px ``こんにちは|| 結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 如何でしょうか？ 何となく雰囲気はつかめましたでしょうか？もちろん、この他にも値は変更できます。皆さん、いろいろと試してみてくださいね。 また、Yahoo!blogの場合、記事の部分の横幅は560pxに設定されているようです。 テーブルの大きさを設定する時は、横幅の合計をそれ以下にしておいた方が良いでしょう。 [感謝] この記事は「京都写真日記：Wiki文法を使いこなそう」さんの記事を参考にさせていただきました。 もしも、参考になりましたら「京都写真日記：Wiki文法を使いこなそう」さんのページにて、  ボタンをお願いします。「京都写真日記：Wiki文法を使いこなそう」さんの研究の成果に感謝！！ [☆歓迎☆]
コメント・トラックバック大歓迎！ 転載をご希望の方は右下の  を押してください。 |
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ネットサービス
コメント（49）
