index.css 744 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. * {
  2. margin: 0px;
  3. padding: 0px;
  4. list-style-type: none;
  5. }
  6. #header {
  7. display: flex;
  8. height: 44px;
  9. background-color: #38b9e4;
  10. color: white;
  11. justify-content: center;
  12. align-items: center;
  13. }
  14. #main {
  15. display: flex;
  16. justify-content: center;
  17. }
  18. #photoHeader {
  19. width: 400px;
  20. }
  21. #photoBody {
  22. display: flex;
  23. justify-content: center;
  24. }
  25. #photoBodyMain ul li{
  26. border: 1px solid transparent;
  27. border-radius: 20px;
  28. /* background-color: white; */
  29. }
  30. #photoBodyMain ul li img {
  31. width:50%;
  32. margin: 0.1rem auto;
  33. display: block;
  34. line-height: 1;
  35. }
  36. #photoFooter {
  37. display: flex;
  38. justify-content: center;
  39. align-items: center;
  40. }
  41. #photoFooter img {
  42. width: 400px;
  43. }