网站编写翻车求助。

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

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

web入门作品

<!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的图片置顶且居中但是翻车了，谁能帮忙改一下按以下代码

？（对不起，因为等级不够不能把图片上传，其中的 <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>

可惜发不了文件包
请大佬帮一下忙

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定位

谢谢

账号		自动登录	找回密码
密码			立即注册

[技术交流] 网站编写翻车求助。

马上注册，结交更多好友，享用更多功能^_^