Xwab
Форумыnavigate_nextHTML/CSS

Помогите с закруглением углов в css
Сообщения
NeOdin

Вообщем хочу сделать блок для заголовков с закругленными краями, сделал 4 закругленных угла в photoshop'e, а как прописать все это в css забыл, видел на каком то сайте, но забыл где... Погуглил бы, но я сейчас с телефона.
Помогите составить код для css.

25 Июл 2010, 20:06
VaMpIrE

Просто указывай позицию картинки top-left/right , bottom-left/right
помоему так

25 Июл 2010, 20:11
NeOdin

Можно это как то кодом отобразить поконкретнее?

25 Июл 2010, 20:12
NeOdin

Ах, да! Чуть не забыл! Мне еще нужно чтобы градиент был в середине, ну в виде заливки. Градиент тоже есть

25 Июл 2010, 20:15
Sergey

NeOdin, просто создаешь нужную форму в фотошопе, потом
в css:

.xd { background-image: url (images/1.png); text-align: center; height: 100px; width: 500px;}

в html:

<div class="xd">
</div>

25 Июл 2010, 23:36
Swinger

http://d-wap.wen.ru/other/master/articles/ramki.html

26 Июл 2010, 13:42
Gnom7

Для таких краев нужно всего одна картинка. Не сочтите за рекламу http://css.wen.ru/recipe/border/border-2.xhtml Вам градиент как фон нужен?

28 Июл 2010, 13:35
nonstop

Kak правильно прописать эти 4 графических угла? Сделал так,ниче не выходит. Ну для эксперимента всего две картинки пробовал.
.aa {
background: #fff;
margin: 3px auto;
border: 1px solid #dbf0ad;
background-image: url(aa.png);
background-position: left top;
background-image: url(bb.png);
background-position: right top;
}

25 Авг 2010, 15:12
Кипяток

7 пост готовый вaриaнт

25 Авг 2010, 15:20
КоТ

Может пригодится? Игнор если это нето.

25 Авг 2010, 15:23
Ответить на тему