鱼C论坛

 找回密码
 立即注册
查看: 12687|回复: 86

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

[复制链接]
发表于 2017-1-7 13:29:36 | 显示全部楼层 |阅读模式
购买主题 已有 61 人购买  本主题需向作者支付 5 鱼币 才能浏览

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-31 10:55:08 | 显示全部楼层
交作业
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>欢迎来到html的世界</title>
  6.                 <style type="text/css">
  7.                         html,body{
  8.                                 height: 100%;
  9.                                 color:#fff;
  10.                         }
  11.                         body{
  12.                                 background: url(背景图片.jpg) center center;
  13.                                 background-size: cover;
  14.                         }
  15.                 </style>
  16.         </head>
  17.         <body>
  18.                 <div id="container">
  19.                         <h1>我爱鱼C</h1>
  20.                         <p>bbs.fishC.com - 是你在改变我,谢谢你</p>
  21.                         <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
  22.                 </div>
  23.         </body>
  24. </html>
复制代码

屏幕快照 2017-03-31 上午10.54.34.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2022-12-30 10:31
我很赞同!: 5
离你想要的又近了一步  发表于 2017-3-31 10:56

评分

参与人数 1荣誉 +6 鱼币 +6 收起 理由
不二如是 + 6 + 6 加油

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 2 反对 0

使用道具 举报

发表于 2017-4-17 15:14:49 | 显示全部楼层
交作业
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>欢迎来到HTML世界</title>
  6.         <style type="text/css">
  7.                 html{                        /*由于CSS具有继承机制,所以只需要指定html的height属性为100%,body将自动继承其父级属性。*/
  8.                         height: 100%;       
  9.                         color: aqua;
  10.                 }
  11.                 body{
  12.                         background: url("background.jpg");        /*设置背景图片*/
  13.                         background-size: cover;                                /*设置背景图根据浏览器大小进行相应缩放*/
  14.                 }
  15.         </style>
  16. </head>
  17.        
  18. <body>
  19.         <h1>我爱鱼C</h1>               
  20.         <p>让编程改变世界!<br/>Change the world by program!</p>
  21.         <a href="http://www.fishc.com/" style="text-decoration: none">传送门</a><br/>
  22.         <a href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539"
  23.            style="text-decoration: none">HTML5-庖丁解牛</a>
  24. </body>
  25. </html>
复制代码

0003.jpg

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-4-17 18:12
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-6-7 20:06:11 | 显示全部楼层
本帖最后由 馆长の微笑 于 2017-6-7 20:09 编辑

交作业
  1. <!doctype html>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.         <meta charset="utf-8">
  6.         <title>欢迎来到HTML世界</title>
  7.         <style type="text/css"></style>
  8. </head>
  9. <body>
  10.                 <div  id="container">
  11.                 <h1>我爱鱼C</h1>
  12.                 <p>WWW.FihsC.com - 继续学习中</p>
  13.                 <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
  14.                 </div>               
  15.     <style type="text/css">
  16.         html,body{
  17.                 height:100%;
  18.                 color: #FF0088;
  19.         }
  20.         body{
  21.             background: url(background.jpg) center center;
  22.             background-size:cover;
  23.             }
  24.     </style>
  25. </body>
  26. </html>
复制代码

QQ图片20170607200925.png



点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-6-7 20:13

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 支持楼主!

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-4 21:38:39 | 显示全部楼层
我发现可以这么玩

  1. <!doctype html>
  2. <html>
  3.         <head>
  4.                 <title>感恩鱼C</title>
  5.                 <meta charset='utf-8'>
  6.                 <style type='text/css'>
  7.                         html,body{
  8.                                 heigth: 100%;
  9.                                 color: #00DDDD
  10.                         }
  11.                         body{
  12.                                 background: url(练习.jpg);
  13.                                 background-size: cover;
  14.                         }
  15.                 </style>
  16.         </head>
  17.         <body>
  18.                 <div id='love fishc'>
  19.                         <h1>我爱鱼C</h1>
  20.                         <p>bbs.fishc.com - 是你在改变我</p>
  21.                 </div>
  22.                 <div id='world change'>
  23.                         <h2>World was changed by program</h2>
  24.                         <p>编程改变世界</p>
  25.                         <a href='C:\Users\Administrator\Desktop\140428hvmxxea12272u9i1.png'>传送门</a>
  26.                 </div>
  27.         </body>
  28. </html>
复制代码


                               
登录/注册后可看大图


                               
登录/注册后可看大图

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-7-4 21:43

评分

参与人数 1荣誉 +5 鱼币 +5 收起 理由
不二如是 + 5 + 5 加油哦~

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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>
2017-12-11_190603.jpg

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-1-20 21:59

评分

参与人数 1荣誉 +6 鱼币 +6 收起 理由
不二如是 + 6 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-1-20 21:23:34 | 显示全部楼层
交作业
  1. <!DOCTYPE HTML>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>物理课本九年级</title>
  6.                 <style type="text/css">
  7.                         html{
  8.                                                 height: 100%;
  9.                                                 color: #5599FF;
  10.                                         }
  11.                                 body{
  12.                                                 background: url(background.jpg);
  13.                                                 background-size: cover;
  14.                                                 background: url(background.jpg) center center;
  15.                                         }
  16.                 </style>
  17.         </head>
  18.         <body>
  19.                 <h1  style="text-align:center">
  20.                 九年级
  21.                 </h1>
  22.                 <div id ="unit_13">
  23.                         <p style="text-align:center">
  24.                                 <a  href="html2.html">
  25.                                         <img border="0" src="physics\the grade nine\13\13-1.jpg" />
  26.                                 </a>
  27.                         </p>
  28.                 </div>
  29.                 <div id ="unit_14">
  30.                     <p style="text-align:center">
  31.                                 <a  href="html3.html">
  32.                                         <img border="0" src="physics\the grade nine\14\14-16.jpg" />
  33.                                 </a>
  34.                         </p>
  35.                 </div>
  36.                 <div id ="unit_15">
  37.                         <p style="text-align:center">
  38.                                 <a  href="html4.html">
  39.                                         <img border="0" src="physics\the grade nine\15\15-31.jpg" />
  40.                                 </a>
  41.                         </p>
  42.                 </div>
  43.                 <div id ="unit_16">
  44.                         <p style="text-align:center">
  45.                                 <a  href="html5.html">
  46.                                         <img border="0" src="physics\the grade nine\16\16-54.jpg" />
  47.                                 </a>
  48.                         </p>
  49.                 </div>
  50.                 <div id ="unit_17">
  51.                         <p style="text-align:center">
  52.                                 <a  href="html6.html">
  53.                                         <img border="0" src="physics\the grade nine\17\17-73.jpg" />
  54.                                 </a>
  55.                         </p>
  56.                 </div>
  57.                 <div id ="unit_18">
  58.                         <p style="text-align:center">
  59.                                 <a  href="html7.html">
  60.                                         <img border="0" src="physics\the grade nine\18\18-86.jpg" />
  61.                                 </a>
  62.                         </p>
  63.                 </div>
  64.                 <div id ="unit_19">
  65.                                 <p style="text-align:center">
  66.                                 <a  href="html8.html">
  67.                                         <img border="0" src="physics\the grade nine\19\19-104.jpg" />
  68.                                 </a>
  69.                         </p>
  70.                 </div>
  71.                 <div id ="unit_20">
  72.                         <p style="text-align:center">
  73.                                 <a  href="html9.html">
  74.                                         <img border="0" src="physics\the grade nine\20\20-118.jpg" />
  75.                                 </a>
  76.                         </p>
  77.                 </div>
  78.                 <div id ="unit_21">
  79.                         <p style="text-align:center">
  80.                                 <a  href="html10.html">
  81.                                         <img border="0" src="physics\the grade nine\21\21-144.jpg" />
  82.                                 </a>
  83.                         </p>
  84.                 </div>
  85.                 <div id ="unit_22">
  86.                         <p style="text-align:center">
  87.                                 <a  href="html11.html">
  88.                                         <img border="0" src="physics\the grade nine\22\22-165.jpg" />
  89.                                 </a>
  90.                         </p>
  91.                 </div>
  92.         </body>
  93. </html>
复制代码

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-1-20 22:00

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-7 15:17:07 | 显示全部楼层
nice哟
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-1-7 17:32:30 | 显示全部楼层

谢谢,零度~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-7 17:36:50 | 显示全部楼层

做的有点小挫~
Welcome to HTML's world.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-1-7 18:07:28 | 显示全部楼层

比我做的都好看…
那里小挫
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-8 20:43:23 | 显示全部楼层
有没有系列教程CSS3庖丁解牛。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-1-8 20:43:56 | 显示全部楼层
wei_Y 发表于 2017-1-8 20:43
有没有系列教程CSS3庖丁解牛。

有QSS的~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-8 20:44:50 | 显示全部楼层

在哪!!!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-1-8 20:47:12 | 显示全部楼层

Snip20170108_34.png

这几个简单使用的~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-8 20:47:59 | 显示全部楼层
不二如是 发表于 2017-1-8 20:47
这几个简单使用的~

没有解牛的。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-1-8 20:49:13 | 显示全部楼层
wei_Y 发表于 2017-1-8 20:47
没有解牛的。。

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

留给有缘人解吧
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-8 16:09:33 | 显示全部楼层
交作业交作业
都是.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-2-8 17:04
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2017-2-8 17:04:15 | 显示全部楼层

矮马~
joker大兄弟做的太好了!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-15 11:33:30 | 显示全部楼层
受益匪浅啊!!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-27 17:13:00 | 显示全部楼层
感谢分享!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-2 17:13:50 | 显示全部楼层
不错,学习到了,很易懂
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-6 16:33:13 | 显示全部楼层
之前已经购买过了,隔了几天再来看下,怎么又要重新购买?

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 之前论坛升级,难免有bug,见谅~

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-9 11:24:14 | 显示全部楼层
没有鱼币怎么办?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-19 14:15:02 | 显示全部楼层
字变粉了,图片出不来
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-23 13:45:40 | 显示全部楼层
我是第111个订阅的,这数字不错。最近正想简单学一下html,真是想睡觉有人送枕头。

评分

参与人数 1荣誉 +1 鱼币 +1 贡献 +1 收起 理由
不二如是 + 1 + 1 + 1

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-3-29 15:37

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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