weiter 发表于 2019-12-8 15:49:25

网站编写翻车求助。

本帖最后由 weiter 于 2019-12-13 21:37 编辑

web入门作品{:5_109:}

<!DOCTYPE html>
<html>
<head>
      <title>目录Directory</title>
      <meta charset="utf-8">
      <link rel="icon" type="image/x-icon" href="../2/FishC.png">
      <style>
                h1 {
                        text-align: center;
                        color: purple;
                }
                h2 {
                        text-align: center;
                        color: blue;
                }
                body {background-image: url("../2/2.png")}
      </style>
</head>
<body>
      <h1>欢迎来到目录<h2>welcom to Directory</h2></h1>
      <img alt="FishC" src="../2/FishC.png">
      <p>鱼c工作室主页<a href="https://ilovefishc.com/" target="_blank">转到</a></p>      
      <p>鱼c工作室论坛<a href="https://fishc.com.cn/forum.php" target="_blank">转到</a></p>      
      <p>鱼c工作室案例库——零基础入门学习web（HTML&CSS）<a href="https://ilovefishc.com/html5/" target="_blank">转到</a></p>      
      <p>小甲鱼老师视频教程安排<a href="https://fishc.com.cn/thread-1053-1-1.html" target="_blank">转到</a></p>
</body>
</html>
想让FC的图片置顶且居中但是翻车了，谁能帮忙改一下按以下代码{:5_100:} ？（对不起，因为等级不够不能把图片上传，其中的      <img alt="FishC" src="../2/FishC.png">麻烦自行截一张大概1630px*130px的图片）
<!DOCTYPE html>
<html>
<head>
        <title>目录Directory</title>
        <meta charset="utf-8">
        <link rel="icon" type="image/x-icon" href="../2/FishC.png">
        <style>
                h1 {
                        text-align: center;
                        color: gray;
                }
                h2 {
                        text-align: center;
                        color: gray;
                }
                body {background-image: url("../2/bg2.png")}
                p {color: gray}
                a {color: purple}
                img {
                        position: fixed;
                        top;
                        left: 50%
                }
        </style>
</head>
<body>
        <img alt="FishC" src="../2/FishC.png">
        <h1>欢迎来到目录<h2>welcom to Directory</h2></h1>
        <p>鱼c工作室主页<a href="https://ilovefishc.com/" target="_blank">转到</a></p>       
        <p>鱼c工作室论坛<a href="https://fishc.com.cn/forum.php" target="_blank">转到</a></p>       
        <p>鱼c工作室案例库——零基础入门学习web（HTML&CSS）<a href="https://ilovefishc.com/html5/" target="_blank">转到</a></p>       
        <p>小甲鱼老师视频教程安排<a href="https://fishc.com.cn/thread-1053-1-1.html" target="_blank">转到</a></p>
</body>
</html>

可惜发不了文件包
请大佬帮一下忙{:5_100:} {:5_111:}

yj920 发表于 2019-12-10 22:57:48

回复看看

wangjianxm 发表于 2019-12-13 20:26:34

我来康康

一世长安呢 发表于 2019-12-15 16:18:35

背景图片可以用background-position定位

weiter 发表于 2020-1-4 19:33:34

一世长安呢 发表于 2019-12-15 16:18
背景图片可以用background-position定位

谢谢
页: [1]
查看完整版本: 网站编写翻车求助。