Граница 0px ломаная линия

Question

Граница 0px ломаная линия

0

Я пытаюсь иметь верхнюю и левую границу с закругленными краями, но мой код дает мне ломаную линию на нижней и правой сторонах, как показано на рисунке ниже. Установка border-right-width или border-bottom-width в 0px не влияет. В настоящее время я проверяю это только на Chrome.

CSS:

border-top:10px solid #CC99CC;
border-left:5px solid #CC99CC;
border-top-left-radius:10px;
border-top-right-radius:5px;
border-bottom-left-radius:10px;

Vermilingua 02 окт. 2013, в 05:32

Источник

4

Вы можете опубликовать HTML или лучше JSFIDDLE?
gp. 02 окт. 2013, в 02:43
0

Как мы видим, внутри есть две link buttons , поэтому сначала попробуйте удалить их и посмотреть, получите ли вы правильную border если она у вас правильная, тогда должна возникнуть проблема с наложением div .
vishalkin 02 окт. 2013, в 03:33
0

Кнопки внутри - это div с закругленными углами и display:table-cell .
Vermilingua 02 окт. 2013, в 03:44

Показать ещё 1 комментарий

Теги:

html

css

border

1 ответ

Ещё вопросы

Вы можете опубликовать HTML или лучше JSFIDDLE?
Как мы видим, внутри есть две link buttons , поэтому сначала попробуйте удалить их и посмотреть, получите ли вы правильную border если она у вас правильная, тогда должна возникнуть проблема с наложением div .
Кнопки внутри - это div с закругленными углами и display:table-cell .

Sunny · Accepted Answer · 2013-10-02T02-28-00.000Z

Примените стили границы к #wrapper:

body { 
    background-color: #000;
}

#wrapper {
    border-top:10px solid #CC99CC;
    border-left:5px solid #CC99CC;
    border-top-left-radius:10px;
    border-top-right-radius:5px;
    border-bottom-left-radius:10px;
}

http://jsfiddle.net/rezv2/2/