- html을 먼저 모두 만들고 css로 조정
- div id="contents"
<dl class="notice">
<dt>
3월 블록체인
</dt>
<dd>
03-03
</dd>
- Name을 보고 내용알 수 있는 것이 좋음
- 오른쪽 부분 <div id="con_right"> <ul class="interview">
- 수강후기 <ul> <li> 너무 겹침.. <li>로만 주는게 깔끔
- margin:20px auto 10px auto => auto로 좌우 간격 맞추고 시작
- 가장 좋은 최적의 글자크기 12px (=9pt) 2px씩 커지는 것이 좋음
- 아래처럼 겹치는 경우는 하나로 묶을 수 있음
<li class="box2-1">
<h2>취업자인터뷰</h2>
<a href="#"><img src="./CSS/image/btn_more.gif"></a>
<img src="./CSS/image/1543220395_43861_2.png">
<p> vR/AR 1기 김상균"경일은 교수님들도 잘 가르쳐주시고 제가 초조해지거나
의욕이 꺾이지 않게분위기를 다잡아주셔서 공부가 더 잘 되었던 것 같습니다."카카오게임즈 </p>
<span>
카카오게임즈 프로그래머 </br>
김상균 취업자
</span>
<a class ="prev" href="#"><</a>
<a class ="next" href="#">></a>
</li>
<li class="box2-2">
<h2>수강후기</h2>
<a href="#"><img src="./CSS/image/btn_more.gif"></a>
<div style="clear: both;"></div>
<ul>
'HTML' 카테고리의 다른 글
[HTML] overflow (0) | 2021.03.19 |
---|---|
[HTML] 프레임 만들기 (0) | 2021.03.18 |
[HTML] absolute, relative, fixed (0) | 2021.03.18 |
[HTML] dl_dt_dd_clear:both; (0) | 2021.03.17 |
[HTML] 박스 만들기 (0) | 2021.03.16 |