0 0 0 4 - 页面美化，添加高清背景！

不二如是 · 发表于 2017-1-7 13:29:36

购买主题 已有 61 人购买 本主题需向作者支付 5 鱼币 才能浏览

lyzklkl · 发表于 2017-3-31 10:55:08

交作业

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>欢迎来到html的世界</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color:#fff;
                        }
                        body{
                                background: url(背景图片.jpg) center center;
                                background-size: cover;
                        }
                </style>
        </head>
        <body>
                <div id="container">
                        <h1>我爱鱼C</h1>
                        <p>bbs.fishC.com - 是你在改变我，谢谢你</p>
                        <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
                </div>
        </body>
</html>

shishunfu · 发表于 2017-4-17 15:14:49

交作业

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>欢迎来到HTML世界</title>
        <style type="text/css">
                html{                        /*由于CSS具有继承机制，所以只需要指定html的height属性为100%,body将自动继承其父级属性。*/
                        height: 100%;        
                        color: aqua;
                }
                body{
                        background: url("background.jpg");        /*设置背景图片*/
                        background-size: cover;                                /*设置背景图根据浏览器大小进行相应缩放*/
                }
        </style>
</head>
        
<body>
        <h1>我爱鱼C</h1>                
        <p>让编程改变世界!<br/>Change the world by program!</p>
        <a href="http://www.fishc.com/" style="text-decoration: none">传送门</a><br/>
        <a href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539"
           style="text-decoration: none">HTML5-庖丁解牛</a>
</body>
</html>

馆长の微笑 · 发表于 2017-6-7 20:06:11

本帖最后由馆长の微笑于 2017-6-7 20:09 编辑

交作业

<!doctype html>
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>欢迎来到HTML世界</title>
        <style type="text/css"></style>
</head>
<body>
                <div  id="container">
                <h1>我爱鱼C</h1>
                <p>WWW.FihsC.com - 继续学习中</p>
                <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
                </div>                
    <style type="text/css">
        html,body{
                height:100%;
                color: #FF0088;
        }
        body{
            background: url(background.jpg) center center;
            background-size:cover;
            }
    </style>
</body>
</html>

MSK · 发表于 2017-7-4 21:38:39

我发现可以这么玩

<!doctype html>
<html>
        <head>
                <title>感恩鱼C</title>
                <meta charset='utf-8'>
                <style type='text/css'>
                        html,body{
                                heigth: 100%;
                                color: #00DDDD
                        }
                        body{
                                background: url(练习.jpg);
                                background-size: cover;
                        }
                </style>
        </head>
        <body>
                <div id='love fishc'>
                        <h1>我爱鱼C</h1>
                        <p>bbs.fishc.com - 是你在改变我</p>
                </div>
                <div id='world change'>
                        <h2>World was changed by program</h2>
                        <p>编程改变世界</p>
                        <a href='C:\Users\Administrator\Desktop\140428hvmxxea12272u9i1.png'>传送门</a>
                </div>
        </body>
</html>

登录/注册后可看大图

曦露 · 发表于 2017-12-11 19:07:43

交作业！！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎进入HTML的世界</title>
<style type="text/css">
html,body{
height: 100%;
color: #FF0088;
}
body{
background: url(background.jpg) center center ;
background-size: cover;
}
</style>
</head>
<body>
      <div id="container">
         <h1>我爱学习</h1>
         <p>bbs.fishC.com - 人人学编程，让编程改变世界</p>
         <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
      </div>
</body>
</html>

易改乌江水 · 发表于 2018-1-20 21:23:34

交作业

<!DOCTYPE HTML>
<html>
        <head>
                <meta charset="utf-8">
                <title>物理课本九年级</title>
                <style type="text/css">
                        html{
                                                height: 100%;
                                                color: #5599FF;
                                        }
                                body{
                                                background: url(background.jpg);
                                                background-size: cover;
                                                background: url(background.jpg) center center;
                                        }
                </style>
        </head>
        <body>
                <h1  style="text-align:center"> 
                九年级
                </h1>
                <div id ="unit_13">
                        <p style="text-align:center">
                                <a  href="html2.html">
                                        <img border="0" src="physics\the grade nine\13\13-1.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_14">
                    <p style="text-align:center">
                                <a  href="html3.html">
                                        <img border="0" src="physics\the grade nine\14\14-16.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_15">
                        <p style="text-align:center">
                                <a  href="html4.html">
                                        <img border="0" src="physics\the grade nine\15\15-31.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_16">
                        <p style="text-align:center">
                                <a  href="html5.html">
                                        <img border="0" src="physics\the grade nine\16\16-54.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_17">
                        <p style="text-align:center">
                                <a  href="html6.html">
                                        <img border="0" src="physics\the grade nine\17\17-73.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_18">
                        <p style="text-align:center">
                                <a  href="html7.html">
                                        <img border="0" src="physics\the grade nine\18\18-86.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_19">
                                <p style="text-align:center">
                                <a  href="html8.html">
                                        <img border="0" src="physics\the grade nine\19\19-104.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_20">
                        <p style="text-align:center">
                                <a  href="html9.html">
                                        <img border="0" src="physics\the grade nine\20\20-118.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_21">
                        <p style="text-align:center">
                                <a  href="html10.html">
                                        <img border="0" src="physics\the grade nine\21\21-144.jpg" />
                                </a>
                        </p>
                </div>
                <div id ="unit_22">
                        <p style="text-align:center">
                                <a  href="html11.html">
                                        <img border="0" src="physics\the grade nine\22\22-165.jpg" />
                                </a>
                        </p>
                </div>
        </body>
</html>

零度非安全 · 发表于 2017-1-7 15:17:07

nice哟

不二如是 · 发表于 2017-1-7 17:32:30

零度非安全发表于 2017-1-7 15:17
nice哟

谢谢，零度～

零度非安全 · 发表于 2017-1-7 17:36:50

不二如是发表于 2017-1-7 17:32
谢谢，零度～

做的有点小挫~

不二如是 · 发表于 2017-1-7 18:07:28

零度非安全发表于 2017-1-7 17:36
做的有点小挫~

比我做的都好看…
那里小挫

wei_Y · 发表于 2017-1-8 20:43:23

有没有系列教程CSS3庖丁解牛。

不二如是 · 发表于 2017-1-8 20:43:56

wei_Y 发表于 2017-1-8 20:43
有没有系列教程CSS3庖丁解牛。

有QSS的～

wei_Y · 发表于 2017-1-8 20:44:50

不二如是发表于 2017-1-8 20:43
有QSS的～

在哪！！！

不二如是 · 发表于 2017-1-8 20:47:12

wei_Y 发表于 2017-1-8 20:44
在哪！！！

这几个简单使用的～

wei_Y · 发表于 2017-1-8 20:47:59

不二如是发表于 2017-1-8 20:47
这几个简单使用的～

没有解牛的。。

不二如是 · 发表于 2017-1-8 20:49:13

wei_Y 发表于 2017-1-8 20:47
没有解牛的。。

牛太大，精力有限，解不动了

留给有缘人解吧

joker11111 · 发表于 2017-2-8 16:09:33

交作业交作业

不二如是 · 发表于 2017-2-8 17:04:15

joker11111 发表于 2017-2-8 16:09
交作业交作业

矮马～
joker大兄弟做的太好了！

dreamdnj · 发表于 2017-2-15 11:33:30

受益匪浅啊！！

金哥专用 · 发表于 2017-2-27 17:13:00

感谢分享！

longwutian004 · 发表于 2017-3-2 17:13:50

不错，学习到了，很易懂

466210445 · 发表于 2017-3-6 16:33:13

之前已经购买过了，隔了几天再来看下，怎么又要重新购买？

jjmhere · 发表于 2017-3-9 11:24:14

没有鱼币怎么办？

Daskbar · 发表于 2017-3-19 14:15:02

字变粉了，图片出不来

无聊才上线 · 发表于 2017-3-23 13:45:40

我是第111个订阅的，这数字不错。最近正想简单学一下html，真是想睡觉有人送枕头。

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

不二如是不二如是当前离线 UID 378930 日志相册贡献荣誉积分 56998 狗仔卡	发表于 2017-1-7 13:29:36 \| 显示全部楼层 \|阅读模式购买主题已有 61 人购买本主题需向作者支付 5 鱼币才能浏览本帖被以下淘专辑推荐: · HTML5 & CSS3 - 庖丁解牛\|主题: 205, 订阅: 36
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[庖丁解牛] 0 0 0 4 - 页面美化，添加高清背景！

本帖被以下淘专辑推荐:

评分

评分

评分

评分

评分

点评

评分

评分