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

不二如是 · 发表于 2017-3-23 13:47:28

无聊才上线发表于 2017-3-23 13:45
我是第111个订阅的，这数字不错。最近正想简单学一下html，真是想睡觉有人送枕头。

正好我想送枕头，就有人睡觉，好幸福～

kinglucifun · 发表于 2017-3-24 15:07:10

nice

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>

复制代码

lyzklkl · 发表于 2017-3-31 10:57:54

我会加油的，刚刚查了查每个单词的意思，好HTML直接，晚上要自己不看参考写一遍

新手·ing · 发表于 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$

新手·ing · 发表于 2017-4-3 12:09:22

新手·ing 发表于 2017-4-2 14:41
突然就想学习html了

人呢

时光不老 · 发表于 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>
很好很强

shishunfu · 发表于 2017-4-17 15:11:33

本帖最后由 shishunfu 于 2017-4-17 15:17 编辑

a

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>

复制代码

zg2600 · 发表于 2017-5-28 12:08:31

讲的不错！1

馆长の微笑 · 发表于 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>

复制代码

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

nash_h9527 · 发表于 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打完後，發現無法自動縮圖

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

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>

复制代码

登录/注册后可看大图

MSK · 发表于 2017-7-4 21:40:12

这是图片

aswyamato1989 · 发表于 2017-7-5 08:19:01

第一次交作业

欲爱欲恨欲天真- · 发表于 2017-7-10 16:54:49

pgosnp01 · 发表于 2017-7-22 20:07:09

留名學習

jewen · 发表于 2017-7-22 23:06:26

继续学习。。。

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

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

点评

评分

点评

点评

评分

点评

评分