Создание контейнера с закругленными углами, имеющего некоторый цвет на границе?

Question

Можно ли создать в css3 такой закругленный угол серого макета, который находится вокруг содержимого и правой боковой панели Livesite , а изображение здесь

Извините, я начинающий на css3.

Answer 1

.element {
    /* set border styling */
    border-color: black;
    border-style: solid;
    border-width: 10px;

    /* set border roundness */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

Поскольку border-radius является функцией CSS3 и является совершенно новой, версии -moz и -webkit рекомендуются для поддержки старых браузеров.

Answer 2

Простой

.round {border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

}

Просто добавьте этот класс к тому, что вы хотите округлить.Вы также можете изменить радиус.

Для границы border:10px solid #E0DDD7

Вы можете заменить #E0DDD7 на Черный, Серебряный, Синий и т. Д.ищите просто закругленные верхние углы, Вы можете

.round-top {
    -webkit-border-top-right-radius: 24px;
    -webkit-border-top-left-radius: 24px;
    -moz-border-top-right-radius: 24px;
    -moz-border-top-left-radius: 24px;  
}

Answer 3

Да; Вы можете создать это сами, проверьте это:

http://css3generator.com/