코드<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
div{
width : 50%;
height : auto;
margin : 10px;
border : 1px dotted red;
}
#d1{
text-decoration : underline;
}
#d2{
text-decoration : overline;
}
#d3{
text-decoration : none;
}
#d4{
text-decoration : line-through;
}
#d5 p{
font-size : 2.0em;
text-shadow: 10px 5px 2px red;
text-transform:
}
#d6 #p1{
text-transform : uppercase;
}
#d6 #p2{
text-transform : lowercase;
}
#d6 #p3{
text-transform : capitalize;
}
</style>
</head>
<body>
<div id="d1">
<h4>text-decoration : underline;</h4>
Merry Christmas ~~
Happy New Year!!
</div>
<div id="d2">
<h4>text-decoration : overline;</h4>
Merry Christmas ~~
Happy New Year!!
</div>
<div id="d3">
<h4>text-decoration : none;</h4>
Merry Christmas ~~
Happy New Year!!
</div>
<div id="d4">
<h4>text-decoration : line-through;</h4>
Merry Christmas ~~
Happy New Year!!
</div>
<div id="d5">
<h4>text-shadow: 10px 5px 2px red;</h4>
<p>Merry Christmas ~~</p>
Happy New Year!!
</div>
<div id="d6">
<h4> text-transform : uppercase/lowercase/capitalize;</h4>
<p id="p1">Merry Christmas ~~</p>
<p id="p2">Happy New Year!!</p>
<p id="p3">Happy New Year!!</p>
</div>
</body>
</html>를 입력하세요
신입 개발자 입니다!!!