logo.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Logo占位符生成器</title>
  5. <style>
  6. body {
  7. font-family: Arial, sans-serif;
  8. padding: 20px;
  9. text-align: center;
  10. }
  11. .logo-container {
  12. margin: 20px;
  13. padding: 20px;
  14. border: 2px dashed #ccc;
  15. display: inline-block;
  16. }
  17. .logo {
  18. width: 200px;
  19. height: 200px;
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. font-size: 80px;
  24. color: white;
  25. font-weight: bold;
  26. border-radius: 10px;
  27. }
  28. .logo-gsszyy {
  29. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  30. }
  31. .logo-square {
  32. background: #667eea;
  33. border-radius: 50%;
  34. width: 150px;
  35. height: 150px;
  36. }
  37. p {
  38. margin-top: 10px;
  39. color: #666;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <h1>Logo占位符</h1>
  45. <p>请右键点击下面的logo,选择"图片另存为",分别保存为 logo-gsszyy.jpg 和 logo.jpg</p>
  46. <div class="logo-container">
  47. <div class="logo logo-gsszyy">中医院</div>
  48. <p>logo-gsszyy.jpg (甘肃省中医院)</p>
  49. </div>
  50. <div class="logo-container">
  51. <div class="logo logo-square">中</div>
  52. <p>logo.jpg (方形Logo)</p>
  53. </div>
  54. <script>
  55. // 提示用户
  56. console.log('请右键点击logo保存为图片');
  57. </script>
  58. </body>
  59. </html>