テキストを角丸の枠線で囲う

テキストを角が丸い枠線で囲うには、border-radiusプロパティを指定します。

---

角丸の枠線で囲ってます。

---

<style type="text/css">
.round {
    border-radius:8px;
    border:2px solid #0000FF;
    padding:4px;
    width:300px;
</style>
<p class="round">角丸の枠線で囲ってます。</p>