Harukiya Archives

2008/10/11

category /

2005/05/29

category / CSS

新しい試みはないとは言ったものの少しはあります（どっちなんだ？）

<hr>にちょっち面白いスタイルを考えました（誰かがとっくにやってるﾖｶｰﾝ）

css

1. hr {
2. visibility: hidden; height: 1.5em;
3. }
4. hr:before {
5. content: "* * *";
6. font-family: Arial, sans-serif; color: #777;
7. font-size: 2em; text-align: center;
8. display: block; visibility: visible;
9. }
10. /* for IE */
11. * html hr {
12. height: 1px;
13. border-top: 1px dotted #303030;
14. visibility: visible;
15. }

投稿欄で文章や画像の区切りなんかで<hr>（<hr />）と書き込むだけのお手軽さ。FC2はHTMLがすべて使えるんだから、投稿欄にもっと書こうよ。そんでテンプレ作れなくなろうよ（殴。

カスケードさせないとすべての水平線に適用されるんで、多少の工夫は必要。Arialのフォントだと、こんな感じでオサレ。でもIEじゃ、ただの点線。ならぬなら 夏まで待とう トホホ（ギスギス）

1. hr:before {
2. content: url("画像のアドレス");
3. height: 画像の高さpx;
4. text-align: center;
5. margin: auto;
6. display: block;
7. visibility: visible;
8. }

などとすると画像でデザインすることもできる（はず）修正したけど、なんか自信ナイ（実際に試せよ＜ワシ）

スタイイリング<hr>はこちらが参考になります。

• eWebさんの点線・二重線などの水平線 - スタイルシート・サンプル

writeback

1. お名前 ： 　パス ：
   ご意見・ネタ・苦情など

< complication shakedown | 納税証明 > | 表紙へ戻る | 探す | 案内