관리 메뉴

moozi

background image 활용 레이아웃 본문

TIS_2016/HTML5_2기

background image 활용 레이아웃

moozi 2016. 5. 19. 09:34

background image 활용 레이아웃

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#example1 {
     background: url('img/image.png') no-repeat, url('img/bg.jpg') repeat;
    padding: 15px;
}
#div1{
    margin-left: 150px;
    margin-top: 150px;
    padding: 30px;
    width: 80%;
    height: 800px;
    background-color:#dddddd;
}
</style>
</head>
<body id="example1">

<div id="div1">
<h1>동주</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>

</body>
</html>

'TIS_2016 > HTML5_2기' 카테고리의 다른 글

5/23 레이아웃에 서브메뉴 적용하기  (0) 2016.05.23
5/21 수업시간 작성 코드  (0) 2016.05.21
5/20 레이아웃연습  (0) 2016.05.20
5/19 수업 예제  (0) 2016.05.19
font-awesom CDN  (0) 2016.05.19
background image 활용 레이아웃  (0) 2016.05.19
0 Comments
댓글쓰기 폼