Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.65/17: Рейтинг темы: голосов - 17, средняя оценка - 4.65
Cyberdyne
1 / 1 / 2
Регистрация: 16.06.2009
Сообщений: 24
1

Как сделать закругленную границу(тень) для блока

09.03.2011, 12:23. Просмотров 3062. Ответов 2
Метки нет (Все метки)

Есть блок.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#site { 
    width: 960px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 1px solid black;
    border-radius:6px 6px 6px 6px; 
    -webkit-border-radius:6px 6px 6px 6px; 
    -moz-border-radius:5px 5px 5px 5px; 
    -khtml-border-radius:10px 10px 10px 10px;
}
как сделать ему вот такую границу?
0
Изображения
 
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.03.2011, 12:23
Ответы с готовыми решениями:

Как сделать тень для блока с вырезом?
Приветствую. Что-то не могу придумать, как реализовать то, что на картинке: ...

Как сделать тень у блока
как сделать затемнение как показано на шаблоне в фотошопе через css?

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

Тень для блока
Я хотел сделать тень главного блока и столкнулся с проблемой. высота 100% но,...

Тень для блока
Здравствуйте! Помогите пожалуйста советом как реализовать тень между блоками...

2
RosenR@t
136 / 136 / 7
Регистрация: 07.07.2010
Сообщений: 754
09.03.2011, 12:36 2
Используй box-shadow
CSS
1
box-shadow: 10px 10px 5px #888;
0
LeD4eG
14 / 14 / 0
Регистрация: 29.09.2009
Сообщений: 79
09.03.2011, 12:50 3
только box-shadow это свойство из CSS3, что в старых браузерах не будет поддерживаться.

создаёте два блока. для одного делаете фон тень, а другой размещаете поверх первого. ширина задается произвольно. а для второго - меньше на ширину тени. и получается, что два блока накладываются друг на друга (с помощью позиционирования и z-index). так как второй блок меньше, то тень будет "как бы" проступать.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.03.2011, 12:50

Как для html map area в форме звезды сделать тень при наведение на area?
Как для html map area в форме звезды сделать тень при наведение на area?

Тень блока
Можно сделать тень окна с помощью css? Если возможно, то помогите пожалуйста...

Как сделать тень
Как сделать тень внизу рамки, как на картинке.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru