공부/웹디자인

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

Ohming 2011. 12. 29. 15:41
실력이 탐나는 드림위버 CS5 책 보다가 알아두면 나중에도 유용할 것 같아서!
이렇게 되어 있는 단순한 글을


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

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


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

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

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


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