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

実行結果

CSSのみの角丸テーブルです。

ソース

<style type="text/css">
    /*------------------------------ 角丸CSS */
    .kado  { background-color:#fff; }
    .kado1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#e8e8e8; }
    .kado2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#e8e8e8; }
    .kado3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#e8e8e8; }
    .kado4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#e8e8e8; }
    .kado5 { padding:10px; background-color:#e8e8e8; }
</style>

<div style="width:80%">
    <div class="kado">
        <div class="kado1"></div>
        <div class="kado2"></div>
        <div class="kado3"></div>
        <div class="kado4"></div>
    </div>
    <div class="kado5">
    <!-- 文章などを記述 -->CSSのみの角丸テーブルです。
    </div>
    <div class="kado">
        <div class="kado4"></div>
        <div class="kado3"></div>
        <div class="kado2"></div>
        <div class="kado1"></div>
    </div>
</div>

polarized women