html , css 코딩 백그라운드 컬러가 안바꿔져요!
-
게시물 수정 , 삭제는 로그인 필요
학원 복습 도중 해보니까 백그라운드가 안 바끼는데 무슨 문제 일까요..?
선생님이 알려주신거 그대로 쓰고 열어봐도 저는 색상이 안나와서 급합니다!!
크롬사용중입니다
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example01 - transition proeprty</title>
<style>
#container {
width: 400px;
height: 400px;
border: 5px solid navy;
margin: 20px auto;
}
#container > div {
width: 100%;
height: 100%;
padding: 1em;
box-sizing: border-box;
background-color: orange;
font-size: 1.2em;
line-height: 1.6;
font-weight: bold;
transition-duration: 1000ms;
opacity: 1;
}
</style>
</head>
<body>
<div id="container">
<div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged.
</div>
</div>
</body>
</html>
광고는 차단합니다!!!
선생님이 알려주신거 그대로 쓰고 열어봐도 저는 색상이 안나와서 급합니다!!
크롬사용중입니다
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example01 - transition proeprty</title>
<style>
#container {
width: 400px;
height: 400px;
border: 5px solid navy;
margin: 20px auto;
}
#container > div {
width: 100%;
height: 100%;
padding: 1em;
box-sizing: border-box;
background-color: orange;
font-size: 1.2em;
line-height: 1.6;
font-weight: bold;
transition-duration: 1000ms;
opacity: 1;
}
</style>
</head>
<body>
<div id="container">
<div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged.
</div>
</div>
</body>
</html>
광고는 차단합니다!!!
#html 주석 #html 줄바꿈 #html table #html 띄어쓰기 #html free template #html to pdf #html css #html 태그 #html 특수문자 #html 이미지 넣기
