カマボコ

! Main Memo Link

√12345..
Rank Rank


>>戻る

Memo
"カマボコ"
シンプルで可愛いカマボコです!


Sample
▼<bg> 〜 </bg>
ABC abc 123
ひらがな カタカナ 漢字


▼<sl> 〜 </sl>
ABC abc 123
ひらがな カタカナ 漢字


▼<ft> 〜 </ft>
ABC abc 123
ひらがな カタカナ 漢字


▼リンク(<a> 〜 </a>)
ABC abc 123
ひらがな カタカナ 漢字


▼<div class="box"> 〜 </div>
ABC abc 123
ひらがな カタカナ 漢字

▼カマボコリンク(<a> 〜 </a>)
ABC abc 123
ひらがな カタカナ 漢字


ABC abc 123
ひらがな カタカナ 漢字
▼<div style="text-align:right" class="box2"> 〜 </div>
ABC abc 123
ひらがな カタカナ 漢字

▼ボックス内リンク(<a> 〜 </a>)
ABC abc 123
ひらがな カタカナ 漢字


Heda
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fascinate+Inline');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush');

ft{font-family: 'Caveat Brush', cursive;}
sl{font-size : 16px; line-height:14px;}
bg{font-size : 30px; line-height:30px;}

a {
text-decoration: none;
border-bottom: dashed 2px #ff99a2;
color: #ff99a2;
font-family: 'Fascinate Inline', cursive;
'游ゴシック体', 'Yu Gothic', 'YuGothic,
'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN'
, sans-serif;
}

div.box {
background-color: #FFFFFF;
padding: 20px 5px 5px 5px;
border-left: 20px solid #ff99a2;
border-right: 20px solid #ff99a2;
border-top: 20px solid #ff99a2;
border-bottom: 1px solid #ff99a2;
border-radius: 100px 100px 1px 1px;
width: <pc_only>400px;</pc_only><mobile>80%;</mobile>
font-size: 18px;
font-family:
'游ゴシック体', 'Yu Gothic', 'YuGothic,
'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN'
, sans-serif;
color: #ff99a2;
}

div.box2 {
width: <pc_only>390px;</pc_only><mobile>78%;</mobile>
font-size: 14px;
font-family:
'游ゴシック体', 'Yu Gothic', 'YuGothic,
'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN'
, sans-serif;
color: #ff99a2;
}

</style>

Body
<center><div style="text-align:center" class="box"><bg>カマボコ</bg>

<a>!</a> <a>Main</a> <a>Memo</a> <a>Link</a>

<div style="text-align:left" align="left"><sl><ft>√12345..</ft><sl></div></div><div style="text-align:right" class="box2"><a>Rank</a> <a>Rank</a></div></center>