스타일 복습
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>스타일 복습하기</title>
<style>
#container {
width:650px;
margin:0 auto;
padding:5px;
}
#check {
width:640px;
border:1px solid #ccc;
}
h1 {
color: white;
font-size: 1em;
background: #222;
margin: 0;
padding: 10px;
}
h2 {
color : #ff0000;
font-size : 1.5em;
text-align : center;
}
p {
font-size : 1.2em;
line-height : 2em;
font-weight : bold;
text-align : center;
}
.accent {
color : #0000ff;
}
.smalltext {
font-size : 0.7em;
}
</style>
</head>
<body>
<div id="container">
<img src="images/top.jpg" alt="가정용 꿀사과 - 흠집이 있고 약간은 못생겼지만 맛과 영양은 그대로입니다. 질좋은 사과를 저렴하게 즐겨보세요">
<div id="check">
<h1>확인하세요</h1>
<h2>주문 및 배송</h2>
<p><span class="accent">오후 2시 이전</span> 주문건은 당일 발송합니다<br>
2시 이후 주문건은 다음날 발송합니다(주말 제외)</p>
<hr>
<h2>교환 및 환불</h2>
<p>불만족시 <span class="accent">100% 환불</span>해 드립니다<br>
고객센터로 전화주세요</p>
<hr>
<h2>고객센터 </h2>
<p>0000-0000<br>
<span class="smalltext">상담시간 : 오전 9시 ~ 오후 6시 (토/일, 공휴일 휴무)</span></p>
</div>
</div>
</body>
</html>
- 이제 코딩 복습을 하루치로 나눠서 하루씩 복습해야겠다. 확실히 간격이 줄다보니 기억이 더 잘 나는거같다. HTML복습을 할 때 보다 하는게 더 잘 보여서 좋다.
역시 나는 이렇게 내가 코딩한 결과물이 바로 바로 나오는게 좋은거 ```
코드를 입력하세요
Author And Source
이 문제에 관하여(스타일 복습), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@odysseyqkr/스타일-복습저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)