CSS: работа с рамкой границы

Я пытаюсь воспроизвести белый квадрат на this page, где он говорит «ваш успех».CSS: работа с рамкой границы

body{ 
 
    background-color:#DFDFDF; 
 
    } 
 
.index_whitebox{ 
 
    background-color: #fff; 
 
    height: 60%; 
 
    width: 25%; 
 
    position: absolute; 
 
    margin-left: 4%; 
 
    margin-bottom: 20px; 
 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
 
    border-radius: 10px; 
 
}

<div class="index_whitebox"> 
 
    </div>

Я полагаю, что нет border-style и я использую% для мобильных совместимости. Кажется, я не могу получить границу.

источник

2016-08-03 Lynob

Что вы имеете в виду, когда вы говорите, что вы не можете получить это право? Можете быть более конкретными? Как и радиус границы слишком мало? ..etc – Srijith

@Srijith как-то парень, который ответил, сумел выбрать этот элемент, и я не смог это сделать в часах, проблема решена – Lynob

awesome thanks! – Srijith

Если вы посмотрите в «проверке элемента», вы можете увидеть, как они его закодировали. Я сгруппировал основные биты, которые они используют, поскольку некоторые использовали файл CSS, а другие были встроенными.

.class1 { 
    left: 1px; 
    width: 302px; 
    position: absolute; 
    top: 445px; 
    height: 378px; 
} 

.class2 { 
    left: 1px; 
    width: 302px; 
    position: absolute; 
    top: 445px; 
    height: 378px; 
} 

.class3{ 
    border: 2px solid rgba(255, 255, 255, 1); 
    background-color: rgba(255, 255, 255, 1); 
    border-radius: 5px; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 
}

Это все здесь:

источник

2016-08-03 09:42:59 ERushforth

Серьезно, как вы это проверили? если я поставлю мой инспектор элементов в поле, я выберем '.s11inlineContent, .s11bg', используя хром, серьезно, как это сделал? – Lynob

Я просто попытался использовать firefox, не могу выбрать этот элемент, как вы это сделали? – Lynob

Я добавил картинку, чтобы показать, как я ее выбрал. В основном вы выбираете один из вложенных divs вместо самого окна, просто наводите курсор на разные биты кода, и он будет выделять тот, который обтекает весь ящик. Надеюсь, это поможет. – ERushforth

CSS: работа с рамкой границы

ответ

Смежные вопросы