지원되지 않는 브라우저입니다
blogImage
magicbass

About

Twice
트와이스

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quia, quis inventore quasi earum quod laboriosam nulla obcaecati, maxime cupiditate corrupti est. Veritatis mollitia sit veniam ipsam ut. Ducimus quaerat, tempore accusamus consequatur eum laboriosam quia voluptatem dolores, quo eos quas omnis corporis harum iusto saepe atque magni nemo sint veritatis optio doloremque? Dolorum vero deserunt quas voluptas fugiat, voluptates cum repudiandae, tenetur! A optio esse aliquid vero, molestias similique eius laboriosam explicabo quas, sint maxime ipsum placeat at veritatis ea maiores est laudantium quos molestiae quaerat modi hic dignissimos pariatur suscipit eligendi! Amet facere eos ratione tenetur, molestias quod.

Title 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quia, quis inventore quasi earum quod laboriosam nulla obcaecati, maxime cupiditate corrupti est. Veritatis mollitia sit veniam ipsam ut. Ducimus quaerat, tempore accusamus consequatur eum laboriosam quia voluptatem dolores, quo eos quas omnis corporis harum iusto saepe atque magni nemo sint veritatis optio doloremque? Dolorum vero deserunt quas voluptas fugiat, voluptates cum repudiandae, tenetur! A optio esse aliquid vero, molestias similique eius laboriosam explicabo quas, sint maxime ipsum placeat at veritatis ea maiores est laudantium quos molestiae quaerat modi hic dignissimos pariatur suscipit eligendi! Amet facere eos ratione tenetur, molestias quod.

Title 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quia, quis inventore quasi earum quod laboriosam nulla obcaecati, maxime cupiditate corrupti est. Veritatis mollitia sit veniam ipsam ut. Ducimus quaerat, tempore accusamus consequatur eum laboriosam quia voluptatem dolores, quo eos quas omnis corporis harum iusto saepe atque magni nemo sint veritatis optio doloremque? Dolorum vero deserunt quas voluptas fugiat, voluptates cum repudiandae, tenetur! A optio esse aliquid vero, molestias similique eius laboriosam explicabo quas, sint maxime ipsum placeat at veritatis ea maiores est laudantium quos molestiae quaerat modi hic dignissimos pariatur suscipit eligendi! Amet facere eos ratione tenetur, molestias quod.

Title 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quia, quis inventore quasi earum quod laboriosam nulla obcaecati, maxime cupiditate corrupti est. Veritatis mollitia sit veniam ipsam ut. Ducimus quaerat, tempore accusamus consequatur eum laboriosam quia voluptatem dolores, quo eos quas omnis corporis harum iusto saepe atque magni nemo sint veritatis optio doloremque? Dolorum vero deserunt quas voluptas fugiat, voluptates cum repudiandae, tenetur! A optio esse aliquid vero, molestias similique eius laboriosam explicabo quas, sint maxime ipsum placeat at veritatis ea maiores est laudantium quos molestiae quaerat modi hic dignissimos pariatur suscipit eligendi! Amet facere eos ratione tenetur, molestias quod.

Title 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quia, quis inventore quasi earum quod laboriosam nulla obcaecati, maxime cupiditate corrupti est. Veritatis mollitia sit veniam ipsam ut. Ducimus quaerat, tempore accusamus consequatur eum laboriosam quia voluptatem dolores, quo eos quas omnis corporis harum iusto saepe atque magni nemo sint veritatis optio doloremque? Dolorum vero deserunt quas voluptas fugiat, voluptates cum repudiandae, tenetur! A optio esse aliquid vero, molestias similique eius laboriosam explicabo quas, sint maxime ipsum placeat at veritatis ea maiores est laudantium quos molestiae quaerat modi hic dignissimos pariatur suscipit eligendi! Amet facere eos ratione tenetur, molestias quod.

Contact

Background 태그를 이용하여 설정하는 방법

배경태그 (background)
 
 자 이제 홈페이지에 배경색,또는 배경화면을 넣는 태그를 배워봅시닷!
 
 먼저 배경을 지정하는 태그는 두가지가 있습니다.
 배경 색만 지정하는 bgcolor 와 배경을 이미지로 하는 background  태그입니다.

--------------------------------------------------------------------------------

 1. 그럼 우선 bgcolor 태그를 사용하는 방법을 알아보겠습니다.
 
 HTML 문서에 <body> 라고 되어있는 부분이 있습니다.
 그럼 이제 <body> 부분을 고쳐줍니다.
 <body bgcolor="red"> ㅡ> 배경 색깔이 빨간색(red) 이 됩니다.
 <body bgcolor="black"> 이렇게하면 검은 바탕이되죠.(black)
 <body bgcolor="0000cc"> 이런식으로 코드를 넣어도 됩니다.(0000cc=진한파랑)
 아무튼, <body bgcolor="이 사이에"> 원하는 색깔의 코드나 색명을 적으세요.
 그럼,
 
 
 
 2.다음으로 background 태그입니다.
 
 이것도 마찬가지로 <body>에 지정해줍니다.
 <body background="그림주소"> 이렇게요.
 아무 그림이든 상관없습니다. (jpg,gif,bmp...등등. 그러나 배경은 gif를 가장 선호)
 EX) <body background="http://pierload.x-y.net/images/imgmap.jpg">
 태그연습장에 실행시켜 보세요. 그림이 바둑판식으로 배경에 나타납니다.
 바둑판식으로 하기에 좋은 배경그림 몇가지>
 <body background="http://pierload.x-y.net/img/exbg1.gif">
 <body background="http://pierload.x-y.net/img/exbg2.gif">
 <body background="http://pierload.x-y.net/img/exbg3.gif">
 <body background="http://pierload.x-y.net/img/exbg4.gif">
 <body background="http://pierload.x-y.net/img/exbg5.gif">
 <body background="http://pierload.x-y.net/img/exbg6.gif">
 <body background="http://pierload.x-y.net/img/exbg7.gif">
 <body background="http://pierload.x-y.net/img/exbg8.gif">


--------------------------------------------------------------------------------


 음. 그리고 또 그림을 특정위치에 고정시킬 수 있는 방법도 있습니다.
 이렇게 하면 됩니다.
 
 <style TYPE="TEXT/CSS">
 BODY {background:url(http://pierload.x-y.net/img/bgimg2.jpg) white fixed no-repeat 100% 100%}
 </style>
 
 여기서 파란색으로 되어있는 주소 부분과 퍼센트 부분만 바꾸시면 원하시는 그림을
 원하는 위치에 고정시키실 수 있으며 스크롤바가 내려가도 절대 움직이지 않습니다..
 <<※ 퍼센트에서 왼쪽건 가로, 오른쪽건 세로 이고, 퍼센트가 높을수록 오른쪽으로,아래로 갑니다>>
 
 그냥 바디(body) 태그로 고정시킬 수 도 있습니다!
 
 <body background="그림주소" bgproperties="fixed">
이렇게 해주시면 되구요. 이 속성을 쓰시면 바둑판식으로 되고, 고정됩니다.
 알겠죠? 위에껀 그냥 위치정하구 고정,요건 바둑판식고정.
 그럼,


출처 :: http://pierload.x-y.net/
Thanks for your likes!
태그
이모티콘 (이미지 클릭)
  • smile
  • cry
  • nervous
  • disappointed
  • drunk
  • confused
  • kiss
  • love

이미지 첨부 비디오 첨부 유튜브 첨부
업로드 후 이미지/비디오 주소를 댓글에 붙여 넣어주세요.
유튜브의 경우 공유를 누르면 나오는 링크를 바로 넣으시면 됩니다.도움말