• ベストアンサー

tableの角の丸い装飾

Tableの外枠に角丸の画像を使ったり、線状の行を使ったりして、角が丸い表を表示しています。 ここから角の丸い装飾 <TD>★★</TD> ここで角の丸い装飾の終わり ★★の部分に、なんなかの文章なり、小さいtableを入れて使っていますが、★★以外の部分を関数化して共用にして簡単に使う方法はないでしょうか。 ××★★×× #上記部分を極限まで短い文字にするテクニックを。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

1番。IE限定。 <head> <title></title> <script language="JavaScript"> <!-- var tableHTMLpart1 = '\ <table border="1">\ <tr>\ <td>'; var tableHTMLpart2 = '\ </td>\ </tr>\ </table>'; function makeup(id){ var src = tableHTMLpart1 + document.all.item(id).innerHTML + tableHTMLpart2; document.all.item(id).innerHTML = src; } //--> </script> </head> <body onload="makeup('undressed')"> <div id="undressed"> <H1>★★</H1> </div> </body> JavaScriptオフなブラウザでアクセスされたらオシマイ;-)

s-holmes
質問者

お礼

回答ありがとうございました。 感動です。 いろいろ方法があるものですね。 これだったら、面倒な囲み枠を惜し気もなく?使えそうです。 #奥が深い!(^O^)

関連するQ&A