Menu

fleldset으로 Box만들기

2016. 6. 3. 00:50

안개핑 Html & Css

 

 

방법1안에 넣습니다.

style="background-image:url('http://lia47.pe.kr/imegs/logo.gif'); background-repeat:repeat; background-attachment:fixed; background-position:50% 50%;"

만약 이미지가 아이콘(예-꽃등의 작은것)일땐

repeat부분을 no-repeat으로 하시면 됩니다.

방법2역시안에

background="이미지.gif" bgproperties="fixed"


와 사이의 원하시는 곳에 박스 밑의 푸른색 부분을 넣어 주시면 됩니다.

테이블이 아닙니다.

 

테이블이 아닙니다.

여긴 제목여긴 내용을

 

여긴 제목여긴 내용을

박스의 크기를 따로 지정해 줄 수도 있습니다.

 

내용

테두리의 두께, 모양, 색상을 지정합니다.

 

내용

여백도 넣어 줍니다.

 

여백도 넣어 줍니다.

응용하면 아래와 같은 모양으로 발전시킬 수 있습니다 .

꽃씨

 

꽃씨 - 서정윤
눈물보다 아름다운 시를 써야지.
꿈속에서나 만날 수 있는
그대 한 사람만을 위해
내 생명 하나의 유리이슬이 되어야지
.

 

     

    1 solid navy; background-image: url(bg.gif); background-repeat: no-repeat; background-position: right center; width:300; height:200; padding:15">제목내용


      1은 테두리 굵기, navy는 테두리 색, bg.gif는 배경그림의 경로 및 이름
      300은 박스의 가로 크기, 200은 박스의 세로 크기, 15는 박스 내부의 여백

'Html & Css' 카테고리의 다른 글

페이지에 테두리입히기  (0) 2016.06.03
글자에 효과넣기  (2) 2016.06.03
링크된 곳에 CURSOR모양 제어하기  (0) 2016.06.03
테이블에 MouseOver효과  (0) 2016.06.03
글자에 여러가지 효과내기  (0) 2016.06.03