Пример:

Анекдот дня:

Сидит на пригорке заяц и курит.
Мимо идет корова и говорит:
- Такой маленький, а куришь!
Заяц отвечает:
- Такая большая, а без лифчика ходишь!

Раньше, когда я видела такие блоки, я была уверена, что без фотошопа тут не обошлось.
Оказывается, все намного проще - это CSS (стили)!

Вставь этот код между тегами <head> и </head>:

<STYLE>
.raised { background:transparent; width:40%; }
.raised h1, .raised p { margin:0 10px; }
.raised h1 { font-family:Century Gothic; font-size:1em; color:#fff;}
.raised p { padding-bottom:0.5em; }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display:block; overflow:hidden; font-size:1px; }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height:1px; }
.raised .b2 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee; }
.raised .b3 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd; }
.raised .b4 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa; }
.raised .b4b { background:#ccc; border-left:1px solid #eee; border-right:1px solid #999; }
.raised .b3b { background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999; }
.raised .b2b { background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999; }
.raised .b1 { margin:0 5px; background:#fff; }
.raised .b2, .raised .b2b { margin:0 3px; border-width:0 2px; }
.raised .b3, .raised .b3b { margin:0 2px; }
.raised .b4, .raised .b4b { height:2px; margin:0 1px; }
.raised .b1b { margin:0 5px; background:#999; }
.raised .boxcontent { display:block; background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; }
</STYLE>

Вставь этот код в нужном месте <body>:

Блок с закругленными краями

Анекдот дня: