HTML 5 및 외부 css3 스타일 시트를 사용하여 웹 페이지를 만듭니다.div in css3 file
Ive는 둥근 모서리 상자를 표시하도록 div를 만들었습니다. css div 코드가 html 문서에 있으면 잘 표시됩니다. 하지만 css3 스타일 시트로 전송하면 상자가 사라집니다. 필자는 지금 두세 시간 동안의 답변을 찾고 있었고 잘못 된 것을 해결할 수 없었습니다.
여기 ...
<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>
내 HTML 코드입니다하지만 최대한 빨리 내 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 */
}
를 이동하고 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;
}
스타일 시트를 게시하십시오. 문제가있을 가능성이 큽니다. – Jimmy
문제의 가능한 원인으로 스타일 시트에서 다른 스타일을 제거하려고 했습니까? – Spudley
그래, 그랬어. 나는 스타일 시트를 저장하고 되돌리기로 제거한 물건을 다시 가져올 수 없으므로 모든 것을 다시 작성해야했습니다. Ive도 div에 ID와 클래스를 제공하려고 시도했지만 아무 것도 변경되지 않았습니다. – Will