2014-02-02 2 views
-1

У меня есть div, со стилем, показанным ниже, и мне бы понравилась хорошая рамка вокруг него. Радиус-граница работает, но граница и ширина границы не отображаются. Я не понимаю, почему это происходит.Пограничный стиль не работает на div

<html> 
<head> 
<style> 
div.request{ 
    background-color: #CDCDCD; 
    margin-left:auto; 
    margin-right:auto; 
    display:block; 
    width:700px; 
    height:2000px; 
    text-align:center; 
    box-shadow: 10px 10px 15px #000000 
    border-style: outset; 
    border-width:5px; 
    border-color: #FFFFFF; 
    border-radius:25px; 
    padding:10px; 
} 
</style> 
</head> 
<body> 
    <div class='request'> 
     <p> 
     "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est     laborum." 
     </p> 
     <p> 

     </p> 
    </div> 

ответ

3

Вы пропустили ; около box-shadow: 10px 10px 15px #000000. Каждый CSS-Rule - ожидает последнего - должен иметь конечную точку с запятой. Чтобы предотвратить ошибки, вы всегда должны добавить ;.

http://jsfiddle.net/Rnx7m/

/** This is always working */ 
div.request{ 
    margin: 25px; 
    padding:10px /* missing semicolon ignored by browsers */ 
} 

/** This is an error */ 
div.request{ 
    margin: 25px /* Breaking */ 
    padding:10px; 
} 
+0

Спасибо! Теперь он работает: D – user3263266

+0

Добро пожаловать. Рад, что это сработало для вас ... Пожалуйста, отметьте ответ как принятый, если у вас нет дальнейших вопросов. – gearsdigital

1

закрытие ; отсутствует в конце следующей строки: box-shadow: 10px 10px 15px #000000

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