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

実行結果

新宿高島屋のサザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん「クリスピー・クリーム・ドーナツ」

ドーナツの箱がピザの箱みたいで、味もアメリカン!ビジュアルから行ってさぞかし劇甘なんだろうなと思ったけど、意外とほどよい甘さ。生地はかなりソフトなので固めでサクサクしたドーナツが好きな人にはおすすめできないかもw

ソース

<style type="text/css">
.srcbox{
    background:#fff;
    padding:0 9px;
    margin:30px auto;
    position:relative;
    top:0; left:0;
    border:1px solid #fff;/* stop margin collapse*/
    border-left:1px solid #000;
    border-right:1px solid #000;
    z-index:2;
    min-height:0;/* ie7 haslayout fix*/
}
.srcbox p {
    padding:10px;
    margin:0 0 8px 0;
}
.srcbox .inner{
    background:#fff;
    padding-top:10px!important;
    padding-bottom:10px!important;
    margin-top:-10px!important;
    margin-bottom:-10px!important;
    min-height:0;/* ie7 haslayout issues fix*/
    position:relative;
    top:0; left:0;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    z-index:2
}
.srcbox .top,
.srcbox .base{
    margin:-11px -10px 0 -10px;
    background:url(/content/img/css/bordercorner.png) no-repeat left top;
    height:10px;
    position:relative;
    top:0; left:0;
    clear:both;
    z-index:-1;/* drag corner under background*/
}
.srcbox .base{
    background-position:left bottom;
    margin:0 -10px -11px -10px;
}
.srcbox .top span,
.srcbox .base span{
    background:url(/content/img/css/bordercorner.png) no-repeat right top;
    display:block;
    height:10px;
}
.srcbox .base span {
    background-position:right bottom;
}
.srcbox .content {
    width:100%;
    background:#fff;
    margin:-9px 0 -17px 0;
    padding:0;
}
/* for ie6 */
* html .srcbox .inner,
* html .srcbox {
    height:1px;/* ie6 haslayout issues fix*/
}
* html .srcbox .content {
    margin:-20px 0 -15px 0;
    padding-top:10px;
    padding-bottom:0;
}

</style>
<div class="srcbox">
    <div class="inner">
        <div class="top"><span></span></div>
        <div class="content">
            <p style="margin-bottom:0; padding-bottom:0;"><img src="http://farm4.static.flickr.com/3141/2973155055_4cf4370939_s.jpg" align="right" style="margin:0 0 5px 5px;">新宿高島屋のサザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん<strong>「クリスピー・クリーム・ドーナツ」</strong>。</p>
            <p>ドーナツの箱がピザの箱みたいで、味もアメリカン!ビジュアルから行ってさぞかし劇甘なんだろうなと思ったけど、意外とほどよい甘さ。生地はかなりソフトなので固めでサクサクしたドーナツが好きな人にはおすすめできないかもw<br clear="all" /></p>
        </div>
        <div class="base"><span></span></div>
    </div>
</div>

polarized women