2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
글쓴이글
-
2024년 7월 25일 22:47 #128749
임재훈참가자HTML 코드입니다.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link href="css/cart.css" rel="stylesheet"> </head> <body style="margin: 0;"> <div class="sky"> <div class="middle"> <div> <h1 class="title">Your shopping cart</h1> </div> <div > <table> <tr> <th></th> <th><p>ITEM</p></th> <th><p>AMOUNT</p></th> <th><p>PRICE</p></th> <th><p>TOTAL</p></th> </tr> <tr> <th> < img src="sony1.PNG"> </th> <th> <p>SONY</p> <p>FE 70-200 mm F2.8 GM 0SS</p> </th> <th> <p>1</p> </th> <th> <p> € 1979.00 </p> </th> <th> <p> € 1979.00 </p> </th> </tr> <tr> <th> < img src="sony2.PNG"> </th> <th> <p>SONY</p> <p>Sonnar T* E 24mm F1.8 ZA</p> </th> <th> <p>1</p> </th> <th> <p>€ 989.00</p> </th> <th> <p>€ 989.00</p> </th> </tr> <tr> <th></th> <th></th> <th></th> <th></th> <th> <p>€ 2968.00</p> </th> </tr> </table> </div> <div class="bottom-box"> <span class="bottom">Edit yout shopping cart</span> <span class="restart"></span> <button class="button">Choose payment method</button> </div> </div> </div>
</body> </html> CSS 코드입니다.
.middle{ margin-left: 10%; margin-right: 10%; }
.title{ color: blue; }
.sky{ margin-top: 0px; width: 100%; background-color: skyblue; }
.bottom{ text-decoration: underline; }
.button{ margin-top: 10px; margin-left: 640px; color: white; padding: 10px; background-color: blue; } 왜 테이블 쪽 테두리가 안뜨는지 모르겠습니다. 그리고 테두리를 주면 테두리가 창문 모양으로 생깁니다..
-
글쓴이글
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.