이번 html과 css공부에서는 dt, dd를 이용하여 수학문제를 내보려합니다.
여러분은 다른문제를 만들어서 공부해보세요^-^
<html>
<head>
<title>html&css공부하기</title>
<style type="text/css">
*{margin:5px; padding:0;}
.box{width:250px; brder:1px solid black; background:#ffd112;}
.box h3{border-top:3px dashed green; padding-top:3px;}
</style>
</head>
<body>
<div class="box">
<dt><h2>x의값을 구하여라</h2></dt>
<dd>
<h3> 2x=3x-4 </h3>
<p>2x-3x=-4 / -x=-4 / x=4</p>
</dd>
<dd>
<h3>7x+5=5x+13</h3>
<p>7x-5x=-5+13 / 2x=8 / x=4</p>
</dd>
</div>
</body>
</html>
* 결과값입니다. ^-^
* 아래그림은 *{margin:5px; padding:0;}을 적용안했을 때의 값입니다.
비교가 되시나요?? ^^
하루에 두개씩은 올리려하나..ㅜ 시간이 안되소.....
다들 파이팅!!!
** 웹표준 오프라인강좌는 www.oraclejava.co.kr 에서 확인하세요 !!
'웹표준 > HTML5 & CSS3' 카테고리의 다른 글
| html&css공부하기_float, border (0) | 2015.03.13 |
|---|---|
| html&css공부하기 [float,clear] (0) | 2015.03.12 |
| HTML&CSS공부하기 [padding, margin] (0) | 2015.03.10 |
| HTML&CSS공부하기 [글자태그복습] (0) | 2015.03.10 |
| html&css공부하기 (1) | 2015.03.09 |