TIL_01_html 과 css 001

JIEUN·2021년 1월 7일
1
post-thumbnail

링크텍스트

<html>
  
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  
  <body>
  
    <div>  
      <h1>Wanted!</h1>
      <h3>Have you seen this robot?</h3>
      <img src="robot.png">
      <p id="description">Description: Height: 30cm, Colour: purple and orange, Arms: 4</p>
      <p id="information">If you have any information, please contact 6207 332 2310</p>
    </div>
    
  </body>
  
</html>

div {
  text-align: center;
  overflow: hidden;
  border: 5px dotted red;
  width: 400px;
  background: yellow;
  border-radius: 40px;
}

img {
  width: 100px;
  border: 7px solid white;
  padding: 20px;
  background: darkorange;
}

h1 {
  font-family: Impact;
  font-size: 50pt;
  margin: 10px;
  text-decoration: underline;
}

h3 {
color: black;
background: white;
font-family: Tahoma;
font-size: 12pt;
font-weight: bold;
text-decoration: overline;
}

#description {
  color: blue;
  font-family: Tahoma;
  font-size: 11pt;
  font-weight: bold;
}

#information {
  color: blue;
  font-family: Tahoma;
  font-size: 11pt;
  font-weight: bold;
}

0개의 댓글