ちょっとおされ~な囲み枠のついたテキストリンクVol.2 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

カルチェもルイビトンも、まっ青!!

時空を超えた天才芸術家!

その男、名前はワンタン。(ワォ・・


テキストリンクを枠で囲ったもの数種類、
Hタグつきで、つくってみました。

-----
△赤枠




<div align="center"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 2px;padding: 10px 74px 5px 74px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>


・左寄せ



<div align="left"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 2px;padding: 10px 74px 5px 74px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>


・右寄せ



<div align="right"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 2px;padding: 10px 74px 5px 74px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>


・枠線、細い




<div align="center"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 1px;padding: 10px 74px 5px 74px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>



・枠線、太い




<div align="center"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 4px;padding: 10px 74px 5px 74px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>




あ、あと枠が四角い場合は、こちらです(↓)




<div align="center"><span style="border-style: solid;border-color:#ff0000;background-color:#F2F2F2; border-width: 2px;padding: 10px 74px 5px 74px;box-shadow: 5px 5px 5px #99cccc;"><a href="http://ameblo.jp/wantan-52/" target="_blank"><b><font size="4">⇒この続きは、明日の朝刊で・・</font></b></a></span></div>


緑字のカラーコードを、お好みで変えてください。
例)
青⇒0000ff

グレー⇒666666

ピンク⇒ff00ff

黒⇒000000

アメブロの場合、
編集画面のこちら(↓)も参考になります。

フェースブックページ



参考にしてくださいね('-^*)/



ニャン♪♦♫♦・*:..。♦♫♦*゚¨゚゚・*:..。♦