オンマウスで表示されるコメントを改行する方法

質問

オンマウスで文字を表示させる方法は下記のようだとわかるのですが、
<a href="URLl" title="コメント">
このtitleで出てくる文字を改行したり、
コメントが表示される枠や背景の色を指定する方法がわかりません

検索をかけてもほとんどが、<a href="URLl" title="コメント">やテキストボックスに表示する方だったりで。
どなたかご親切な方教えていただけませんでしょうか。

回答No.3

noname#100277

所謂「ツールチップ」の事ですね。
２同様CSSとjavascriptで・・・
HTMLだけでは不可能です。

一例。
http://phpspot.org/blog/archives/2008/03/javascriptcss_2.html

他にも「ツールチップ」で検索すると結構参考に成る文献がHITします。

回答No.2

756co

title属性で書いたコメントに
背景色や枠をつけることはできません。

リンクにポインタしたとき、背景色や枠を指定したコメントを表示したいのであれば
javascriptやスタイルシートなどを用いる方法しかないと思います。

回答No.1

756co

title="コメント"

↑このコメントを改行させるには　
　を使います。

例　：　あいう
えお

しかし、ブラウザによって改行されない場合があります。

この方法でコメント表示する場合、背景色や枠線の変更はできません。

以下のサイトで紹介されている方法なら、
改行も<br />で可能ですし
装飾もスタイルシートを応用すれば簡単にできると思います。

http://copicopi.com/onmousefont.html

参考URL：

http://copicopi.com/onmousefont.html

お礼

回答ありがとうございます。
紹介して頂いたサイトでは求めている小技がありませんでした。
これは私の説明不足のようです。

＞コメントが表示される枠や背景の色を指定する方法がわかりません
上記の意味は、<a href="URLl" title="コメント">●●</a>というタグを利用したときに、
●●の文字の背景や、ページの背景を変わるわけではなく、
titleで指定したコメントが表示される小窓のようなものをデザイン変更したいのです。
たとえば、オンマウスにすると黒枠・白背景の小窓が出てその中にtitle指定した文字を表示させたいのですが…