Возникла потребность на странице текст разместить на фоне серого блока с закругленными углами
1. Сверстала таблицу, разместила текст и в ячейках прописала фон и радиусы для
1. верхнего левого угла {border-top-left-radius: 10px;}
2. для верхнего правого угла {border-top-right-radius: 10px;}
3. для нижнего левого угла {border-bottom-left-radius: 10px;}
4. для нижнего правого угла {border-bottom-right-radius: 10px;}
Таблица без выделения границ
Таблица с выделенными границами
Понятно, что все стили должны быть в css, я их здесь разместила для наглядности
<table>
<tr>
<td width="600" colspan="3" bgcolor="#F5F5F6" style=" border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 15pt;">
<p style="font-family: Calibri; font-size:29px; padding: 15pt 5pt 0 20pt; line-height: 150%; color: #1B355B;"><b>Посетите нашу школу</b></p>
</td>
</tr>
<tr>
<td bgcolor="#F5F5F5" style="border-bottom-left-radius: 10px; padding: 0 0 15pt 15pt;"><a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="ссылка" title="Онлайн курсы" alt="Онлайн курсы" target="_blank" /><img src="ссылка/include/mail/new/new6.png" border="0" /></a></td>
<td colspan="2" bgcolor="#F5F5F5" style="border-bottom-right-radius: 10px; padding: 0 0 15pt 0;">
<a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="ссылка" title="Онлайн курсы" alt="Онлайн курсы" target="_blank" />Онлайн курсы ↗</a>
</td>
</tr>
<tr>
<td width="600" colspan="3" bgcolor="#ffffff" style="margin-bottom: 5pt;"> </td>
</tr>
<tr>
<td width="600" colspan="3" bgcolor="#F5F5F5" style="border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 15pt;">
<p style="font-family: Calibri; font-size:29px; padding: 15pt 5pt 0 20pt; line-height: 150%; color: #1B355B;"><b>Изучите информацию</b></p>
</td>
</tr>
<tr>
<td bgcolor="#F5F5F5" style="padding: 0 0 0 15pt;"><a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="ссылка" title="Памятка клиента" alt="Памятка клиента" target="_blank" /><img src="ссылка/include/mail/new/new8.png" border="0" /></a></td>
<td colspan="2" bgcolor="#F5F5F5">
<a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="" title="Памятка клиента" alt="Памятка клиента" target="_blank" />Памятка</a>
</td>
</tr>
<tr>
<td bgcolor="#F5F5F5" style="border-bottom-left-radius: 10px; padding: 0 0 15pt 15pt;"><a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="" title="Описание инструментов" alt="Описание инструментов" target="_blank" /><img src="ссылка/include/mail/new/new8.png" border="0" /></a></td>
<td colspan="2" bgcolor="#F5F5F5" style="border-bottom-right-radius: 10px; padding: 0 0 15pt 0;">
<a style="font-family: Calibri; font-size:16px; color: #647188; text-decoration: none;" href="ссылка" title="Описание инструментов" alt="Описание инструментов" target="_blank" />Описание инструментов</a>
</td>
</tr>
</table>