2020. 4. 15. 21:18ㆍHTML
<HTML코드>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2째날 연습 2018.03.07</title>
<link rel="stylesheet" href="./css/css2.css" type="text/css">
<style type="text/css">
a:link { text-decoration: none;}
a:hover { border-radius : 10px; border : 21px solid orange;}
</style>
</head>
<body id="body">
<div id="div1">
<strong>
<h1 id="h1-1">PASSCHENDAELE: 꼭 알아야 할 정보 </h1>
<br><br><br><br>
<span id="span1">조용한 시골이었지만, 이제는 유혈이 낭자하고 불과 진흙이 가득한 곳이 되었습니다.
<br><br><br><br>
<span id="span2">이 문제를 해결할 방법에 대해 알아보세요.
<br><br><br><br><br>
</span>
</span>
</strong>
<div id="div2">
<a href="https://www.battlefield.com/ko-kr/news/article/passchendaele-all-you-need-to-know">
<span id="span3">
대지를 태워버려라
</span>
</a>
</div>
</div>
</body>
</html>
<CSS>
@charset "utf-8";
#body
{
text-align : center; background-image : url('./../img/배틀필드1.jpg');
}
#div1
{}
#h1-1
{
color : white;
margin-top : 150px;
font-size : 3em;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#span1
{
font-size : 1.5em;
background : black;
padding : 10px;
color : white;
}
#span2
{
font-size : 1em;
background : black;
padding : 10px;
color : white
}
#div2>
{}
#span3
{
background : orange;
color : black;
padding : 15px;
border-radius : 10px;
}
'HTML' 카테고리의 다른 글
| 이것만 알고가자! HTML이란? (0) | 2020.06.21 |
|---|