CSSとJavascriptで簡単に角を丸くなります。
DEMO：
Nifty Cornersで角を丸くしてみる
こんな感じになります・・・。
他にも配布元にデモがあります。配布元：Nifty Corners
HTML
<html>
<head>
<link rel="stylesheet" href="niftyCorners.css" type="text/css" />
<link rel="stylesheet" href="niftyPrint.css" type="text/css" />
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#demo1","big");
}
</script>
</head>
<body>
<div id="demo1">
<div id="demo_box1">
<h4>Nifty Cornersで角を丸くしてみる</h4>
<p>こんな感じになります・・・。
他にも配布元にデモがあります。配布元：<a href="http://www.html.it/articoli/nifty/index.html" target="_blank">Nifty Corners</a></p>
</div>
</div>
</body>
</html>
CSS
/* ボックスA -角丸になる外部分- */
div#demo1 {
background-color: #e4d956;
width:90%;
padding: 10px;
}
div#demo1 h4 {
color: #a18c39;
padding: 10px;
}
div#demo1 p {
padding:10px;
}
/* ボックスB */
div#demo_box1 {
margin:10px;
background: #e4d956;
}