- ベストアンサー
文字の色を上下二色に分けるタグ
すみません。今日１日単語を変えつつ調べ倒したのですがどうしても見つからなかったので質問いたします… 昔、ホームページかなにかで上下で二色に分かれた文章を見た気がするのですが、これをタグ打ちで再現する事は可能でしょうか？ 様々な辞書サイトで調べても、影をつける方法位しか見つかりませんでした… 因みに当方、PCのメモ帳機能で頑張っている状態で、高校の情報の授業でHTMLを触った程度の知識しかありません… 良い手だてはありませんか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSはよくわかりませんが、思い付きを実験的にやってみました。 ブラウザによって、0.5emの境界位置が多少異なるみたい。 （使いものになるのかどうかはよくわかりません） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <style type="text/css"> .wrap{ margin: 0; padding: 0; position: relative; font-size: 80px; height: 0.5em; overflow: hidden; } .lower { position: relative; color: #f00; top: -0.5em; } </style> </head> <body> <div class="wrap"> <span class="upper">テスト文字</span> </div> <div class="wrap"> <span class="lower">テスト文字</span> </div> </body> </html>
お礼
わ…わあぉ… 回答ありがとうございますっ… す…すみません、頑張って理解してみます…(・ω・`) えっと…javascript…ですよね！(汗