Я создаю веб-страницу, используя HTML 5 и внешнюю таблицу стилей CSS3.
Я создал div для отображения прямоугольника с закругленными углами. Он отображается нормально, когда код CSS CSS находится в HTML-документе. Но как только я перенесу его в таблицу стилей css3, окно исчезнет. Я искал ответ в течение нескольких часов и не могу понять, что не так.
Вот мой HTML-код ...
<style type="text/css">
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
</style>
</head>
<body>
<div><h1>WELCOME TO THE WEBSITE</h1></div>
Но как только я переместу эту часть
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
перейдите к моему файлу CSS и удалите
из HTML-файла.
Поле div исчезает. Все остальные элементы, определенные в файле CSS, отображаются правильно, поэтому я знаю, что файл связан. Я просто не знаю, почему этот div не будет отображаться.
спасибо за ответ. Полный код CSS:
body
{
background-image:url(roses.png);
background-repeat:repeat top;
background-colour:#ffffff;
background-attachment:scroll;
}
h1
{
text-shadow: 2px 2px 2px #efefef;
}
div
{
border:8px solid #000000;
padding:10px 10px;
background:#ffffff;
width:500px;
margin: auto;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#para1
{
text-align:center;
color:red;
}