【見出しを彩る】見出し用テーブルタグ

ソース(HTMLタグ)は自由にコピペして使用してください。

 

 

 

シンプルライン&グレー背景

見出し・サンプル

 

ソース

<table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#003399; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <span style="color:c0c0c0;><h1>見出し・サンプル</h1></span>
 </td></tr>
 </table>

 

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#006699; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <span style="color:c0c0c0;><h1>見出し・サンプル</h1></span>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#336633; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <span style="color:c0c0c0;><h1>見出し・サンプル</h1></span>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#336655; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <span style="color:c0c0c0;><h1>見出し・サンプル</h1></span>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#666600; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <span style="color:c0c0c0;><h1>見出し・サンプル</h1></span>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:993333; background:#cccccc" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#333399; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#663399; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#996600; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#336633; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#336699; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#996699; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#ff6633; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#ff6699; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#cc0033; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden hidden solid; border-width:6px; border-color:#333399; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

L型ライン&グレー背景

見出し・サンプル

ソース
 <table style="border-style:hidden hidden solid solid; border-width:2px; border-color:#006699; background:#cccccc" cellpadding="3" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

見出し・サンプル

ソース
 <table style="border-style:hidden hidden solid solid; border-width:2px; border-color:#993333; background:#cccccc" cellpadding="3" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

 

」型ライン&グレー背景

見出し・サンプル

ソース
 <table style="border-style:hidden solid solid hidden ; border-width:2px; border-color:#006699; background:#cccccc" cellpadding="3" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

 

L型ドットライン&グレー背景

見出し・サンプル

ソース
 <table style="border-style:hidden hidden dotted dotted; border-width:2px; border-color:#006699; background:#cccccc" cellpadding="3" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

 

」型ドットライン&グレー背景

見出し・サンプル

ソース
 <table style="border-style:hidden dotted dotted hidden ; border-width:2px; border-color:#003399; background:#c0c0c0" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

 

細ドットアンダーライン

見出し・サンプル

ソース
 <table style="border-style:hidden hidden dotted hidden ; border-width:2px; border-color:#6699FF; background:#ffffff" cellpadding="2" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>

 

 

シンプル細枠

見出し・サンプル

ソース
 <table style="border-style:solid; border-width:1px; border-color:#cccccc; background:#ffffff" cellpadding="5" cellspacing="0" width="100%">
 <tr><td>
 <h1>見出し・サンプル</h1>
 </td></tr>
 </table>
タイトルとURLをコピーしました