[스크랩] 이미지위에 쉽게 글 올리는 방법-2

자.....
이제 테두리액자를 한번 만들어볼까요?
이것 또한 너무 쉽습니다
액자 명령어만 넣어주면 OK 이겠죠?
제가 액자를 하나 만들어 보겠습니다

이 액자의 명령어는 바로 이것입니다

<* table style="background-color:maroon;
border-width:10px;border-color:maroon;
border-style:ridge;" width="300" height="200">

여기서 응용을 할수 있는 공부를 조금 해보겠습니다

background-color:maroon .....

액자안에 배경색을 maroon (진한 자주색) 으로 하라는 말입니다

border-width:10px; ===>

액자테두리 폭(넓이) 을 10픽셀로 하라는 말입니다

여기서... border 은 액자테두리 라는것을 아셨겠죠?

width= 는 이전에 가로 혹은 넓이라고 배웠죠

[참고]... border-width:30px 로 하면 액자폭이 3배로 넓어지겠죠?

border-color:maroon  ....

테두리색상을 maroon (진자주색) 으로 하라는 말입니다

[참고] border-color:green  으로 하면 그린색으로 바뀌겠죠?

border-style:ridge  .......

테두리스타일을 ridge (테이블종류중 하나)로 하라는 말입니다

width="300" height=200  ....

액자크기를 가로 300픽셀 세로 200픽셀로 하라는 말입니다



자...이제 액자만드는 법을 어느정도 아시겠죠?

다음 시간에는 이 액자안에 저번시간에 배웠던 그림에 글 써넣은걸 넣어보겠습니다

출처 : Doremimusic

글쓴이 : 새벽하늘 향기 원글보기

메모 :