<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>