- ベストアンサー
HTMLで文字の上から蛍光ペンで文字をなぞったようにしたい
こんにちは。HP制作中です。あるHPで、文章の上から、蛍光ペンですぅ～っとなぞるといいますか、帯をかけると表現すればいいのか?、マーカーするとでもいうのでしょうか?・・・・のようなものを見かけました。その帯には勿論色がついています。この方法をご存知の方いらっしゃいませんでしょうか?
- MAMO2
- お礼率43% (230/532)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
下記のサンプルの様なイメージで宜しいでしょうかね。 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <title>テスト</title> <link rel="stylesheet" href="../style.css"> <style type="text/css"> <!-- .ml { background-color: #ffff00; margin: 0px; padding: 0px; } --> </style> </head> <body topmargin=0> <div>マーカーラインの<span class=ml>テスト</span>です。</div> <p>マーカーラインの<span class=ml>テスト</span>です。</p> </body> </html> 上記で宜しければ、CSS(スタイルシート)とspanタグで可能です。 <style type="text/css">～</style>の間で文字の網掛けに関する書式を設定しています。 [margin]と[padding]はおまじないです。 他の場所で[margin]や[padding]が設定されている時にその影響で隙間が出来てしまうのを防いでいます。 divタグやpタグで囲まれている文章の一部をspanタグで囲う事でその部分だけ書式を変えられるようになります。 [.ml]の部分は識別する為の名前に過ぎないのでお好きな名前に変更して構いません。
お礼
ありがとうございました! 網かけって言うんですね♪