글자 종류별 출력

조수경·2021년 11월 9일
0

HTML

목록 보기
25/96
코드를<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
div{
  border : 1px dotted blue;
  width : 400px;
  height : 200px;
  margin : 5px;
}
div[id=d1]{/*속성선택*/
  /*font : font-style  font-weight  font-size/line-height  font-family*/
    font : bold 20px/30px  serif;

}

div[id=d2]{/*속성선택*/
  /*font : font-style  font-weight  font-size/line-height  font-family*/
    font : italic 1.5em/20px  sans-serif;

}
#d3{
  font : italic bold 2.0em monospace;
}

#d4{
  font : 2.5em fantasy;
}
</style>
</head>
<body>
<div id = "d1">
<h4>font : bold 20px/30px  serif;</h4>
Merry Christmas <br> Happy New Year
</div>

<div id = "d2">
 <h4>font : italic 1.5em/20px  sans-serif;</h4> 
Merry Christmas <br> Happy New Year
</div>

<div id = "d3">
<h4>font : italic bold 2.0em monospace;</h4>
Merry Christmas <br> Happy New Year
</div>

<div id = "d4">
font : 2.5em fantasy<br>
Merry Christmas <br> Happy New Year
</div>

</body>
</html>
 입력하세요

profile
신입 개발자 입니다!!!

0개의 댓글