Вопросы Теги

радиус границы, не относящийся к элементу ул.?

Используйте шестнадцатеричный код для неразрывного пространства. Что-то вроде этого: 

.breadcrumbs a:before {
    content: '>\00a0';
}
10
задан James Inman 22 July 2009 в 16:48
поделиться

2 ответа

Я неправильно смотрел на проблему. 

ul.navigation {
    margin-top: 7px;
    margin-bottom: 10px;
    list-style-type: none;
}

ul.navigation li a {
    background: #ABC8E2;    
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
    border: 1px solid #375D81;
    margin-top: -1px;
    padding: 8px;
    display: block;
    color: #183152;
    text-decoration: none;
}

ul.navigation li:first-child a {    
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

ul.navigation li:last-child a { 
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

(Здесь я применил только определенные стили границ.) Кип, вы были правы, так как UL не установил границы, нечего было установил border-radius, но я не заметил, что граница на самом деле установлена ​​на LI - таким образом, это те, которые требуют округления.

3
ответ дан 3 December 2019 в 18:35
поделиться

Вам необходимо указать свойство границы и / или цвет фона, иначе вы не увидите закругленную границу: 

ul.navigation { 
    margin-top: 7px;
    margin-bottom: 10px;
    list-style-type: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;

    /* Added the following two properties to display border */
    border: 2px solid red;
    background-color: green;
}

Кроме того, радиус границы не наследуется, поэтому, если вы вы ожидаете, что фактические ли будут иметь закругленную границу, вам нужно будет установить ее там.

15
ответ дан 3 December 2019 в 18:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: