<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>마무리 문제 3</title>
</head>
<style>
body {
background-color:#02233b;
}
#container {
width: 600px;
height:700px;
margin:0px auto;
border:1px dotted gray;
padding:20px;
background:#fff url("mic.png") no-repeat right bottom;
}
img{
margin:30px 10px 30px 180px;
}
h1 {
background-color:#004344;
color:white;
text-align:center;
padding:20px;
}
h2 {
text-align:center;
font-style:italic;
margin-bottom:50px;
}
h3{
color:#cf3b00;
}
ul {
list-style-type:none;
margin:20px;
}
li{
line-height:30px;
}
</style>
<body>
<div id="container">
<h1>대학언론사 수습기자 모집</h1>
<h2><em>신입생 여러분을 기다립니다.</em></h2>
<h3>모집분야</h3>
<ul>
<li>아나운서(0명):학내 소식을 라디오 방송으로 보도</li>
<li>오프닝쇼프로듀서(0명):라디오 방송 기획,제작</li>
<li>엔지니어(0명):라디오 방송 녹음 및 편집</li>
</ul>
<h3>모집분야</h3>
<ul>
<li>수습기자 활동 중 소정의 활동비 지급</li>
<li>정기자로 진급하면 장학금 지급</li>
</ul>
</div>
</body>
</html>
'css' 카테고리의 다른 글
| 10장 예제 - 인접 형제 선택자/형제 선택자 (0) | 2023.03.31 |
|---|---|
| 10장 예제 - 하위 선택자/ 자식 선택자 (0) | 2023.03.31 |
| 9장 마무리 문제 2 (0) | 2023.03.31 |
| 9장 마무리 문제 1 (0) | 2023.03.31 |
| 9장 예제- 그러데이션을 사용해 패턴 만들기 (0) | 2023.03.31 |
