실습문제 5-5
WEB/TRAINNING 2017. 11. 6. 19:29 |5. 스폰지밥 이미지가 왼쪽 모서리에서 10px 떨어진 위치에 항상 나오도록 아래와 같은 웹 페이지를 작성하라.
이미지에 테두리를 두르고 여백은 10px, 패딩은 5픽셀로 하라.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <head> <title>float 배치</title> </head> <style> #float { float: left; border: 1px solid yellowgreen; padding: 5px; margin: 10px; } </style> <body> <h3>스폰지밥</h3> <hr> <p id="float"><img src="test.png" width="90px" height="100px"></p> 저는 스폰지밥입니다. 먹는 밥이 아니고요 제이름이 그냥 그래요. 그리고 어린이부터 노인까지 많은 분들의 사랑을 받고 있어요. 제 친구 뚱이도 있고요, 징징이도 있고 집게 사장님도 있어요 </body> </html> | cs |