鱼C论坛

 找回密码
 立即注册
楼主: 不二如是

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

[复制链接]
 楼主| 发表于 2017-3-23 13:47:28 | 显示全部楼层
无聊才上线 发表于 2017-3-23 13:45
我是第111个订阅的,这数字不错。最近正想简单学一下html,真是想睡觉有人送枕头。


正好我想送枕头,就有人睡觉,好幸福~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-24 15:07:10 | 显示全部楼层
nice
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 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>
屏幕快照 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-3-31 10:57:54 | 显示全部楼层
我会加油的,刚刚查了查每个单词的意思,好HTML直接,晚上要自己不看参考写一遍
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-4-2 14:41:52 | 显示全部楼层
突然就想学习html了
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>欢迎来到html的世界</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color:#FF3EFF;
                        }
                        body{
                                background: url(bg.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>
38`_XGX76(X9F)Q6[{C9886.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

发表于 2017-4-3 12:09:22 | 显示全部楼层
新手·ing 发表于 2017-4-2 14:41
突然就想学习html了

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

使用道具 举报

发表于 2017-4-11 22:08:15 | 显示全部楼层
<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <title>zhaijiahui</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color: #FF8800;
                        }
                        body{
                                background: url(scenery.jpg) center center;
                                background-size: cover;
                        }
                </style>
        </head>
        <body>
                <dir id="coooo1">
                        <p>zhaijiahui</p>
                        <a href="http://bbs.fishc.com">FishC</a>
                </dir>
       
        </body>
</html>
很好很强
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-4-17 15:11:33 | 显示全部楼层
本帖最后由 shishunfu 于 2017-4-17 15:17 编辑

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

使用道具 举报

发表于 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>
0003.jpg

点评

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

使用道具 举报

发表于 2017-5-28 12:08:31 | 显示全部楼层
讲的不错!1
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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>
QQ图片20170607200925.png



点评

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

评分

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

查看全部评分

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

使用道具 举报

发表于 2017-6-22 23:57:04 | 显示全部楼层
<!doctype html>
<html>
<head>
        <meta charset="utf-8">
        <title>欢迎来到HTML世界</title>
        <style type="text/css">
                html,body{
                                height: 100%;
                                color: #FF0088;
                                 }
                body{
                        background: url(123456.jpg) center center;
                        background-size: cover;
                        }
        </style>
</head>

<body>
        <dir id="container">
                <h1>我爱鱼C</h1>
                <p>WWW.FihsC.com - 让编程改变世界</p>
                <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
        </dir>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-6-23 12:52:31 | 显示全部楼层
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML</title>
        <style type="text/css">
            html,body{     /*由於CSS具有繼承機制,所以只需要指定htmld height屬性為100%,body將自動繼承其父級屬性。 */
                height: 100%;
                color: #FF0088
            }
            body{
                background: url(background.jpg) ;
                background-size: cover; /*設置背景根據瀏灠器自動進行放大縮小,但沒縮小
                */
            }
        </style>
    </head>
    <body>
            <div id="container">
        <h1>我愛魚C</h1>
        
        <p>www.FihsC.com - 讓編程改變世界</p>
        <a href="http://bbs.fishc.com/thread-81160-1-1.html">傳送門</a>
    </body>
</html>
小弟使用的黑蘋果1366*768 與 1344 *1008,使用的圖片是1600 * 1200打完後,發現無法自動縮圖
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-6-29 17:27:00 | 显示全部楼层
<!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>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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>

                               
登录/注册后可看大图


                               
登录/注册后可看大图

点评

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

评分

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

查看全部评分

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

使用道具 举报

发表于 2017-7-4 21:40:12 | 显示全部楼层
这是图片
temp.PNG
temp1.PNG
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-5 08:19:01 | 显示全部楼层
第一次交作业
004.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-10 16:54:49 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-7-22 20:07:09 | 显示全部楼层
留名學習
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-22 23:06:26 | 显示全部楼层
继续学习。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-12-22 13:23

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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