blog.css 865 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @font-face {
  2. font-family: "ZHFA";
  3. src: url('./font/zhA_blog.woff2') format('woff2');
  4. }
  5. .search{
  6. padding: 80px 0;
  7. background-color: #f9faff;
  8. }
  9. .search-group {
  10. display: flex;
  11. justify-content: center;
  12. gap: 10px;
  13. }
  14. .search-box {
  15. width: 400px;
  16. height: 40px;
  17. padding: 10px 15px;
  18. font-size: 18px;
  19. border: 1px solid #b1b1b1;
  20. border-radius: 5px;
  21. outline: none;
  22. }
  23. .search-button{
  24. display: flex;
  25. justify-content: center;
  26. padding: 5px;
  27. cursor: pointer;
  28. background-color: #f9faff;;
  29. border: none;
  30. }
  31. .blog-list {
  32. padding: 50px 100px;
  33. padding-bottom: 70px;
  34. }
  35. .list-text {
  36. display: flex;
  37. gap: 20px;
  38. }
  39. .blog-list a {
  40. text-decoration: none;
  41. color:black;
  42. font-size: 20px;
  43. }
  44. .blog-list h1{
  45. font-family: "ZHFA", sans-serif;
  46. font-size: 40px;
  47. }
  48. hr{
  49. margin: 40px 0;
  50. }