设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › Web密训营 › 0 0 0 7 - 优化传送门
123
返回列表 发新帖
楼主: 不二如是

[庖丁解牛] 0 0 0 7 - 优化传送门

[复制链接]
荔枝葡萄
发表于 2021-2-3 15:34:43 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.                 <title>我的HTML世界</title>
  7.                 <style type="text/css">
  8.                         html, body {
  9.                                 height: 100%;
  10.                                 color: #FF0088;
  11.                                 font-family: "华康少女文字W5";
  12.                         }
  13.                        
  14.                         h1 {
  15.                                 font-size: 66px;
  16.                                 margin-bottom: 22px;
  17.                         }
  18.                        
  19.                         p {
  20.                                 font-size: 33px;
  21.                                 margin-bottom: 22px;
  22.                         }
  23.                        
  24.                         a {
  25.                                 font-size: 55px;
  26.                                 background: #33FFFF;
  27.                                 color: #FFF;
  28.                                 border: 1px solid #33FFFF;
  29.                                 border-radius: 10px;
  30.                                 padding: 10px 66px;
  31.                                 text-decoration: none;
  32.                         }
  33.                        
  34.                         body {
  35.                                 background: url(12.jpg) center center;
  36.                                 background-size: cover;
  37.                                 margin: 0;
  38.                                 padding: 0;
  39.                                 position: relative;
  40.                         }
  41.                                        
  42.                         #container {
  43.                                 width: 100%;
  44.                                 text-align: center;
  45.                                 position: absolute;
  46.                                 top: 50%;
  47.                                 transform: translateY(-50%);
  48.                         }
  49.                        
  50.                        
  51.                 </style>
  52.         </head>
  53.         <body>
  54.                 <div id="container">
  55.                         <h1>我爱鱼C</h1>
  56.                         <p>www.fishc.com - 让编程改变世界</p>
  57.                         <a href="http://bbs.fishc.com">传送门</a>
  58.                 </div>
  59.         </body>
  60. </html>
复制代码

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

荔枝葡萄
发表于 2021-2-3 15:37:40 | 显示全部楼层
C:\Users\H\Desktop\3657.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

荔枝葡萄
发表于 2021-2-3 15:38:29 | 显示全部楼层
荔枝葡萄 发表于 2021-2-3 15:37

h
3657.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

123
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-6-8 11:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表