본문 바로가기
공부/웹디자인

드림위버 ) DIV 태그에 ID 정의하고 디자인하기

by Ohming 2011. 12. 29.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
실력이 탐나는 드림위버 CS5 책 보다가 알아두면 나중에도 유용할 것 같아서!
이렇게 되어 있는 단순한 글을


먼저 텍스트 문단(<p>)를 드래그해서 선택하고 div id 로 감싼다.

그 후에 CSS를 만드는데 속성을 아래와 같이 주면


아래와 같은 결과가 생긴다.

갑자기 생긴 그림은 background에서 그림을 넣어서 이렇게 된 것이다.

글씨가 안쪽으로 들어가게 된 것은 '상자'속성에서 왼쪽에 padding을 200줘서 그렇다.


홈페이지 맨 아랫단에 이 방법으로 만들어 놓으면 좋을 것 같다.
평소에는 이미지로 넣었었는데 CSS로 하는것이 더 좋은 것 같다!

'공부 > 웹디자인' 카테고리의 다른 글

드림위버 ) 블릿 이미지 넣기  (0) 2011.12.29
드림위버 ) 텍스트 하이퍼링크(롤오버 등)  (0) 2011.12.29
text 박스의 테두리를 없애고 싶을때  (0) 2011.12.16
배경이미지 반복  (1) 2011.12.16
참고참고  (0) 2011.09.21

댓글