« IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w | トップページ | ノートPCのメンテナンス!使いっ放しの結末に驚愕w »

2010年3月 6日 (土)

記事の特定部分を枠で囲む!◆ココログでCSS編集

記事本文の特定部分を強調する場合、一般的にはフォントのサイズやカラーを変更するしかありません。でも「で囲む」事が出来たら。更には、背景色を変更できる!となれば如何でしょう。これが、CSSの編集で実現できるそうですw

如何いう事?ってpencilば...

特定部分を枠で囲む事ができるのですwwwww

*既に直近の記事に於いて採用しています。



flair今回のCSSの編集は、「調べものブログ」様「文章を枠で飾りつけ」の記事を全面的に参考にさせて頂きました。管理人様には、深く(人-)謝謝(-人)謝謝致します。



CSS追加の記述例(当ブログ的)
- - - - - - - - - - - - - - - - - - - - -
div.warning{
   border-width:1px;
   border-color:#FF0000;
   border-style:solid;
   background-color:#FFBBBB;
   width:100%;
}
div.warning#head{
   border-style:none;
   background-color:#FF9999;
   font-weight:bold;
   color:#FF0000;
   width:100%;
}

- - - - - - - - - - - - - - - - - - - - -
dangerdiv class="warning"~ は一段目。div class="warning" id="head" は二段目の内容です。枠を記事欄一杯にする為 「div class="warning"(一段目の)width:100%」 に変更しました。
- - - - - - - - - - - - - - - - - - - - -



◇記事の作成(HTML編集) 枠で囲む箇所に以下のタグを追加します。
- - - - - - - - - - - - - - - - - - - - -
<div class="warning"><div class="warning" id="head">(一段目の文)</div>(二段目の文)</div>
- - - - - - - - - - - - - - - - - - - - -
danger作成画面の「確認」画面では「」が表示されません。「ブログ記事の確認」からWEBページで確認してください。
- - - - - - - - - - - - - - - - - - - - -



まぁ年寄りの冷や水と笑われなければEのですが coldsweats01



                        次回の「ココログでCSS編集」に つづく   



参考サイト(ココログ サポートページ)
・ リッチテンプレートでCSSカスタマイズをしたいのですが
・ デザインを自分で好きなようにカスタマイズすることはできますか?
・ カスタムテーマ
・ CSSを使って自分でデザインを編集できますか?

|

« IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w | トップページ | ノートPCのメンテナンス!使いっ放しの結末に驚愕w »

ココログ/CSS」カテゴリの記事

パソコン・インターネット」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/363856/33652523

この記事へのトラックバック一覧です: 記事の特定部分を枠で囲む!◆ココログでCSS編集:

« IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w | トップページ | ノートPCのメンテナンス!使いっ放しの結末に驚愕w »