편집 디자인 이미지 삽입 float 사용기본

분류없음 RSS Icon ATOM Icon 2022/06/29 11:35 p2p사이트 순위 - 모아파일 2022 TOP12
css에서 float 라는 속성은 본문안에서 이미지를 삽입할떄에 자연스럽게 보이게 하기 위한 속성이라고 할수가 있습니다. 이미지 뿐만 아니라  레이아웃을 잡는데에 사용되기도 합니다.

float의 사용빈도는 80%가 넘을 정도로 많이 사용이 되며 속성으로 clear 역시 사용빈도가 높은만큼 기능에 대해서 알아볼 필요가 있습니다.

본문에 이미지 태그 img src 를 p 태그로 삽입하여, style 에서 img{} 안에 width 는 300px float 를 left 속성을 넣을때 자연스럽게 이미지에 텍스트가 삽입되며 margin 값을 right 20,  bottom 값을 10 으로 넣습니다.

사용자 삽입 이미지

사용자 삽입 이미지

텍스트를 이미지 믿으로 넣고자 한다면 style 속성을 clear 로 넣고 both 속성을 넣게되면 자연스럽게 이미지 믿으로 나타나게 됩니다.

사용자 삽입 이미지

사용자 삽입 이미지

지금까지 float 의 기능과 속성에 대해서 살펴보았으며 기본적으로 이미지를 삽입할떄 많이 사용되는 태그인만큼 기능에 대해서 알아두는것이 좋습니다.
2022/06/29 11:35 2022/06/29 11:35
받은 트랙백이 없고, 댓글이 없습니다.

댓글+트랙백 RSS :: http://www.weddingamor.co.kr/rss/response/16

댓글+트랙백 ATOM :: http://www.weddingamor.co.kr/atom/response/16