草鹿

Alice in Wonderland

intro box days love

不思議の国のアリスのようなフォントを見つけたので作成してみました。
背景色、文字色などは全てHEAD内で指定しています。

▽ screen shot
対応機種から見るとこんな感じです。

▽ HEAD

/*ページ全体の設定*/
body{ 
 font-size:80%;
 font-family: 'Henny Penny', ＭＳ 明朝, cursive;
 /*背景色*/
 background-color:#7DC6DF;
 /*文字色*/
 color: #000000; }

/*リンク色*/
a{
 color: #000000;

/*リンクをゆっくり表示する*/
 text-decoration: none;
 -webkit-transition: 0.2s;
 -moz-transition: 0.2s;
 -o-transition: 0.2s;
 -ms-transition: 0.2s;
 transition: 0.2s;}

/*オンマウス時のリンク色*/
a:hover{
 color: #E13DBD;

/*光らせるエフェクト*/
 text-shadow:
 0 0 25px #edf8ff,
 0 0 20px #edf8ff,
 0 0 0.40px #edf8ff; }

/*段落ごとのリンク設定*/
.yohaku a {
 color: #000000;
 background-color:#FFFFEB;
 padding:5px;
 border-radius: 20px;}
.yohaku a:hover {
 color: #E13DBD;
 background-color:#BEE4F0;}

.menu a {
 color: #E13DBD;
 background-color:#BEE4F0;
 padding:5px;
 border-radius: 20px;}
.menu a:hover {
 color: #000;}

.yohaku {
 text-align: center;
 line-height:150%;
 letter-spacing:2px;}
.menu {
 text-align: center;
 line-height:150%;
 letter-spacing:2px;}
--></style>

▽ BODY

▽日本語だとこんな感じです

不思議の国のアリス

intro box days love

bykusaka