本帖最后由 yaner 于 2024-1-15 10:49 编辑
- <!DOCTYPE html>
- <html>
- <head>
- <title>导航→Navigation</title>
- <meta http-equiv="Content-Language" content="zh-cn" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <base target="_blank">
- <style>
- body {
- margin: 15px;
- font-size: 12px;
- }
- A:link {
- COLOR: #000000;
- TEXT-DECORATION: none
- }
- A:visited {
- COLOR: #000000;
- TEXT-DECORATION: none
- }
- A:hover {
- TEXT-DECORATION: underline
- }
- .container {
- text-align: center;
- margin: 0px;
- display: flex;
- justify-content: center;
- align-items: center;
- height: auto;
- }
- .ccc {
- background-color: #ffc;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
- border-radius: 5px;
- padding: 10px;
- }
- .image-wrapper {
- max-width: 100%;
- width: 100%;
- height: auto;
- margin: 0px;
- }
- .footer {
- text-align: center;
- margin: 0px;
- padding: 20px 0 50px 0;
- }
- .button {
- margin: 0px;
- padding: 10px 0;
- }
- @media only screen and (max-width: 600px) {
- /* 小屏幕样式 */
- body {
- margin: 10px;
- }
- .container {
- max-width: 100%;
- padding: 5px 10px;
- }
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="ccc">
- <div class="image-wrapper">
- <img src="pic.php" style="max-width: 100%; height: auto;">
- </div>
- </div>
- </div>
- <div class="footer">
- <div class="button">
- <button onclick="refreshPage()">刷新页面</button>
- <script>
- function refreshPage() {
- location.reload();
- }
- </script>
- </div>
- Copyright ©
- <script type="text/javascript">document.write((new Date()).getFullYear());</script> 燕儿.
- <a href="http://www.ddd.name">All rights reserved.</a>
- <script type="text/javascript" src="https://js.users.51.la/51660.js"></script>
- </div>
- </body>
- </html>
复制代码
替换前面的index.php就可以了 |