---
title: "Пример HTML и CSS: закругление углов с использованием боковых блоков"
description: ".tab { cursor:default; font-size:18pt; margin-left:40px; height: 46px; line-height:46px; font..."
author: "Fozzy"
published: "2011-10-04T03:21:44+00:00"
modified: "2011-10-04T03:23:38+00:00"
locale: "ru"
canonical_url: "https://yvision.kz/post/primer-html-i-css-zakruglenie-uglov-s-ispolzovaniem-bokovyh-blokov-196453"
markdown_url: "https://yvision.kz/post/primer-html-i-css-zakruglenie-uglov-s-ispolzovaniem-bokovyh-blokov-196453/markdown"
site_name: "Yvision.kz"
---

# Пример HTML и CSS: закругление углов с использованием боковых блоков

> .tab { cursor:default; font-size:18pt; margin-left:40px; height: 46px; line-height:46px; font...

![Пример HTML и CSS: закругление углов с использованием боковых блоков](https://storage.yvision.kz/images/user/fozzy/A5p55ykUn7QiCypW2kzfWYD24d9W2G.jpg)

```
.tab { cursor:default; font-size:18pt; margin-left:40px; height: 46px; line-height:46px; font-family:Times New Roman; position: relative; text-align: center; background:url('images/trade-tab-select-center.jpg') repeat-x; padding: 0px 40px; color:#a2a3a6; display:inline-block; } .left, .right{ width: 7px; height: 46px; font-size: 0; overflow: hidden; position: absolute; top: 0; } .left{ background: url('images/trade-tab-select-left.jpg') no-repeat; left: 0; } .right{ background: url('images/trade-tab-select-right.jpg') no-repeat; right: 0; /* нулевое смещение справа */ margin-left: 100%; /* для IE6 */ left: -7px; /* для IE6 */ }

Главная

```

---

Source: [https://yvision.kz/post/primer-html-i-css-zakruglenie-uglov-s-ispolzovaniem-bokovyh-blokov-196453](https://yvision.kz/post/primer-html-i-css-zakruglenie-uglov-s-ispolzovaniem-bokovyh-blokov-196453)