【タイトル9】アメブロで使えるコピペ囲み枠

CSSでデザインした コピペで使える タイトル(見出し)のデザインサンプルです。

サンプルタグをコピーして、HTML編集画面に貼り付けてご利用してください。
 
icon-clipboard 他の囲み枠デザインはこちら
 

 

デザインサンプル

※お好みのカラータイトルをクリックするとサンプルタグへ移動します。(↓)

タイトル 1 タイトル 5 タイトル 9 タイトル13
タイトル 2 タイトル 6 タイトル10 タイトル14
タイトル 3 タイトル 7 タイトル11 タイトル15
タイトル 4 タイトル 8 タイトル12 タイトル16

 


 
 

◆タイトル1

 
【タイトル1】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #161b1a; background: #F2F2F2; font-weight: bold; font-size: 120%;">◆タイトル1</div>


 
 

◆タイトル2

 
【タイトル2】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #313d42; background: #f0f8ff; font-weight: bold; font-size: 120%;">◆タイトル2</div>


 
 

◆タイトル3

 
【タイトル3】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #52646c; background: #fffaf0; font-weight: bold; font-size: 120%;">◆タイトル3</div>


 
 

◆タイトル4

 
【タイトル4】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #dbe0e3; background: #fffafa; font-weight: bold; font-size: 120%;">◆タイトル4</div>


 
 

◆タイトル5

 
【タイトル5】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #990000; background: #F8E0E6; font-weight: bold; font-size: 120%;">◆タイトル5</div>


 
 

◆タイトル6

 
【タイトル6】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #dc143c; background: #fffafa; font-weight: bold; font-size: 120%;">◆タイトル6</div>


 
 

◆タイトル7

 
【タイトル7】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #ffa3d1; background: #faf0e6; font-weight: bold; font-size: 120%;">◆タイトル7</div>


 
 

◆タイトル8

 
【タイトル8】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #F8E0F1; background: #f8f8ff; font-weight: bold; font-size: 120%;">◆タイトル8</div>


 
 

◆タイトル9

 
【タイトル9】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #e0ffff; background: #f5f5f5; font-weight: bold; font-size: 120%;">◆タイトル9</div>


 
 

◆タイトル10

 
【タイトル10】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #02a4f5; background: #f0ffff; font-weight: bold; font-size: 120%;">◆タイトル10</div>

 


 
 

◆タイトル11

 
【タイトル11】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #40e0d0; background: #f5fffa; font-weight: bold; font-size: 120%;">◆タイトル11</div>


 
 

◆タイトル12

 
【タイトル12】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #00008b; background: #f0f8ff; font-weight: bold; font-size: 120%;">◆タイトル12</div>


 
 

◆タイトル13

 
【タイトル13】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #ff4500; background: #f8f8ff; font-weight: bold; font-size: 120%;">◆タイトル13</div>


 
 

◆タイトル14

 
【タイトル14】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #ff6347; background: #fff5ee; font-weight: bold; font-size: 120%;">◆タイトル14</div>


 
 

◆タイトル15

 
【タイトル15】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #ffac63; background: #fffafa; font-weight: bold; font-size: 120%;">◆タイトル15</div>


 
 

◆タイトル16

 
【タイトル16】のサンプルタグ(↓)

<div style="padding: 8px; border: 2px solid #eee8aa; background: #ffffe0; font-weight: bold; font-size: 120%;">◆タイトル16</div>