본문 바로가기

css

9장 마무리 문제 2

<!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>마무리 문제 2</title>
</head>
<style>
  .container {
    width:500px;
    padding:10px;
    border:1px solid #ccc;
    background:rgb(0,0,0);
    color:rgb(255,255,255);
  }
  h1{
    font-size:17px;
  }
  p{
    font-size:16px;
    line-height:25px;
  }
</style>
<body>
  <div class="container">
    <h1>웹 디자인 트렌드를 따라잡는 비법 대공개</h1>
    <p>그래픽 프로그램으로 웹 디자인 요소를 일일이 만들어 웹사이트를 제작하는 시대는 지났다. 이제 모바일, 태블릿, PC 등 멀티 디바이스에 한 번에 적용할 수 있는 웹 디자인 방법을 알아야 한다. 바로 <b>코딩을 이용한 웹 디자인</b>이다. </p>
  </div>
</body>
</html>

'css' 카테고리의 다른 글

10장 예제 - 하위 선택자/ 자식 선택자  (0) 2023.03.31
9장 마무리 문제 3  (0) 2023.03.31
9장 마무리 문제 1  (0) 2023.03.31
9장 예제- 그러데이션을 사용해 패턴 만들기  (0) 2023.03.31
9장 실습1  (0) 2023.03.30