角の丸い囲み枠・点線細

次は細い線バージョンです。
こちらもコピペして簡単に使えます。

自分で色を調整するのが大変な方にはとっても便利！(*ﾟｰﾟ)ゞ


■濃いピンクの囲み枠・点線

ここに内容を入れます。

<div style="background:#ffe0e9; padding:10px; border:1px dotted #ac0032; border-radius:10px;">ここに内容を入れます。<br></div>

■うすいピンクの囲み枠・点線

ここに内容を入れます。

<div style="background:#fce5e2; padding:10px; border:1px dotted #f29c97; border-radius:10px;">ここに内容を入れます。<br></div>

■黄色の囲み枠・点線

ここに内容を入れます。

<div style="background:#F9FEC5; padding:10px; border:1px dotted #FC0; border-radius:10px;">ここに内容を入れます。<br></div>

  
■オレンジの囲み枠・点線

ここに内容を入れます。

<div style="background:#F9FEC0; padding:10px; border:1px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>

■濃いグリーンの囲み枠・点線

ここに内容を入れます。

<div style="background:#e0fff4; padding:10px; border:1px dotted #007a06; border-radius:10px;">ここに内容を入れます。<br></div>

■薄いグリーンの囲み枠・点線

ここに内容を入れます。

<div style="background:#edf2c5; padding:10px; border:1px dotted #c3d83f; border-radius:10px;"> ここに内容を入れます。<br> </div>

■ブルーの囲み枠・点線

ここに内容を入れます。

<div style="background:#DAE4FE; padding:10px; border:1px dotted #06C; border-radius:10px;">ここに内容を入れます。<br></div>

  
■薄いブルーの囲み枠・点線

ここに内容を入れます。

<div style="background:#eaf4fc; padding:10px; border:1px dotted #5eb7e8; border-radius:10px;"> ここに内容を入れます。<br> </div>

■紫の囲み枠・点線

ここに内容を入れます。

<div style="background:#EDF; padding:10px; border:1px dotted #96F; border-radius:10px;">ここに内容を入れます。<br></div>

  
■ピンク×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:1px dotted #F69; border-radius:10px;">ここに内容を入れます。<br></div>

■オレンジ×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:1px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>

  
■ブルー×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:1px dotted #36F; border-radius:10px;">ここに内容を入れます。<br></div>

■水色×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:1px dotted #8AC0FD; border-radius:10px;">ここに内容を入れます。<br></div>

    
■グリーン×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:1px dotted #0C9; border-radius:10px;">ここに内容を入れます。<br>
</div>

    

角の丸い囲み枠・点線太

色が一部違っていたのでまとめなおしました。
これなら大丈夫と思います＾＾


■濃いピンクの囲み枠・点線

ここに内容を入れます。

<div style="background:#ffe0e9; padding:10px; border:2px dotted #ac0032; border-radius:10px;">ここに内容を入れます。<br></div>

■うすいピンクの囲み枠・点線

ここに内容を入れます。

<div style="background:#fce5e2; padding:10px; border:2px dotted #f29c97; border-radius:10px;">ここに内容を入れます。<br></div>

■黄色の囲み枠・点線

ここに内容を入れます。

<div style="background:#F9FEC5; padding:10px; border:2px dotted #FC0; border-radius:10px;">ここに内容を入れます。<br></div>

  
■オレンジの囲み枠・点線

ここに内容を入れます。

<div style="background:#F9FEC0; padding:10px; border:2px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>

■濃いグリーンの囲み枠・点線

ここに内容を入れます。

<div style="background:#e0fff4; padding:10px; border:2px dotted #007a06; border-radius:10px;">ここに内容を入れます。<br></div>

■薄いグリーンの囲み枠・点線

ここに内容を入れます。

<div style="background:#edf2c5; padding:10px; border:2px dotted #c3d83f; border-radius:10px;"> ここに内容を入れます。<br> </div>

■ブルーの囲み枠・点線

ここに内容を入れます。

<div style="background:#DAE4FE; padding:10px; border:2px dotted #06C; border-radius:10px;">ここに内容を入れます。<br></div>

  
■薄いブルーの囲み枠・点線

ここに内容を入れます。

<div style="background:#eaf4fc; padding:10px; border:2px dotted #5eb7e8; border-radius:10px;"> ここに内容を入れます。<br> </div>

■紫の囲み枠・点線

ここに内容を入れます。

<div style="background:#EDF; padding:10px; border:2px dotted #96F; border-radius:10px;">ここに内容を入れます。<br></div>

  
■ピンク×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:2px dotted #F69; border-radius:10px;">ここに内容を入れます。<br></div>

■オレンジ×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:2px dotted #F90; border-radius:10px;">ここに内容を入れます。<br></div>

  
■ブルー×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:2px dotted #36F; border-radius:10px;">ここに内容を入れます。<br></div>

■水色×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:2px dotted #8AC0FD; border-radius:10px;">ここに内容を入れます。<br></div>

    
■グリーン×グレーの囲み枠・点線

ここに内容を入れます。

<div style="background:#F6F6F6; padding:10px; border:2px dotted #0C9; border-radius:10px;">ここに内容を入れます。<br>
</div>

    

『a href』って読めますか？

こんにちは。
『魅せるブログのつくり方』
アメブロカスタマイズ屋さんの海夢です。

カスタマイズをやっているとタグを扱うのですが『a href』って読みにくいな、ってずっと思っていました。「アンカー　エイチレフ」って読みます。なかなか読めないですよね。
a hrefは、言葉や写真にリンクを貼るときに使います。

他にも読みにくいタグをピックアップしてみました。


 alt （オルト）
　　alternate(代役,代理)の略です。

 a href （アンカー　エイチレフ）
　　リンクを貼る時に使います。
　　「href」は「hypertext reference」の略だそうです。

 imc src （イメージソース）
　　画像を貼るときに使います。image sourceの略です。

 width （ウィドゥス・ウィズ）
　　横幅を指定するときに使います。

 height （ハイト）
　　高さを指定するときに使います。

 align （アライン）
　　画像の文字回り込みなどの時に使います。わたしはこれが読めませんでした。
　　「アリジン」かと思ってました

 hidden （ヒドゥン）
　　なぜかこれはちゃんと読めていました。


よく目にするものも多いですね。誰かに説明するとき、さらっと読みこなせたらカッコイイですね