PHP & JavaScript Room :: 設置サンプル

<style type="text/css"> 
/* WEBフォント指定 */
@font-face {
    font-family:"HuiFont29";
    src: url(/content/font/HuiFont29.eot);/* ie */
}
@font-face {
    font-family:"HuiFont29";
    src: local("HuiFont29"),
         local("HuiFont29"),
         url(/content/font/HuiFont29.ttf) format('truetype');/* firefox, Opera, Chrome */
}
/* 黒板 */
#d_mb {
    border:1px solid #000;
    width:300px; height:150px;
    background:url(/content/img/css/bg1_str.png),
        url(/content/img/css/bg2.png),
        url(/content/img/css/bg1.png),
        -webkit-gradient(linear, left top, left bottom, from(rgba(000, 000, 000, 1)), to(rgba(000, 000, 000, 0.5)));
    background:url(/content/img/css/bg1_str.png),
        url(/content/img/css/bg2.png),
        url(/content/img/css/bg1.png),
        -moz-linear-gradient(top, rgba(000, 000, 000, 1),  rgba(000, 000, 000, 0.5));
    background-repeat:no-repeat, repeat, repeat, repeat;
    background-position: bottom right, top left, left, left;
}
#d_mb p {
    margin:0; padding:20px;
    color:#fff;
    font-size:20px;
    font-family: "HuiFont29",Verdana,sans-serif;
}
</style>

<div id="d_mb">
    <p>★Trick or Treat★<br> お菓子をくれなきゃ、いたずらしちゃうぞ！</p>
</div>