如何快速修改背景色 & 添加背景图

不二如是 · 发表于 2017-1-20 08:28:20

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

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

x

本帖最后由不二如是于 2020-3-17 19:11 编辑

在04，我们第一次利用body，URL加载本地图片。

25，我通过C3方式，加载图片。

现在可以分享一个，更简单的加载方式，先看下代码：

<!DOCTYPE html>
<html>
<head>
        <title>基本框架</title>
</head>
<body bgcolor="#F33" background="FishC.png">

</body>
</html>

效果图：

没错，直接在<body>标签，用bgcolor修改背景色，background加载背景图。

唯一的硬伤，就是结构很混乱！

慎用，仅作分享看～

最尬的地方，还是需要C3，来取消背景图的平铺：

   body{
                        background: url(FishC.png)center center;
                        background-repeat:no-repeat        
                }

所以还是建议使用<img>标签！！！

<img src="">

这位鱼油，如果喜欢本系列HTML帖子，请订阅专辑☞（传送门）（不喜欢更要订阅

）

alltolove · 发表于 2017-1-20 09:00:46

这么点内容正好适合我理解

不二如是 · 发表于 2017-1-20 09:19:24

alltolove 发表于 2017-1-20 09:00
这么点内容正好适合我理解

哈哈，前面的也很简单～

有不会的发帖或者留言，看到第一时间回复～

n9vakin · 发表于 2017-1-20 09:26:59

新手过来抚摸楼主

不二如是 · 发表于 2017-1-20 09:32:33

n9vakin 发表于 2017-1-20 09:26
新手过来抚摸楼主

谢谢抚摸～

送一块小皂皂给你

shishunfu · 发表于 2017-4-25 10:05:22

新手过来抚摸楼主

隨鈊乄鎍慾 · 发表于 2018-6-6 21:42:48

<!DOCTYPE html>
<html>
<head>
        <title>基本框架</title>
                <style type="text/css">
                        body{
                                background: url(fishc.png) center 0;
                                background-repeat:no-repeat;
                        }
                         
                </style>
</head>
<body>
        
</body>
</html>

rock5442107 · 发表于 2018-6-9 14:48:06

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>Tips0</title>
        <style type="text/css">
        body{
                background:url(FishC.png) center 0;
                background-repeat:no-repeat;
        }
        </style>
</head>
<body bgcolor="#F33" background="FishC.png">
        <!--已用CSS,快速加入背景圖就沒效果啦-->
</body>
</html>

soulwyb · 发表于 2018-10-20 08:11:09

<!DOCTYPE html>
<html>

<head>
    <title>基本框架</title>
    <style>
        body {
            background: url(FishC.jpg) center 0;
            background-repeat: no-repeat;
        }
    </style>
</head>

<body bgcolor="#F33" background="FishC.jpg">

</body>

</html>

huanghuiyv · 发表于 2020-8-18 20:18:28

无条件支持楼主！

chen1203 · 发表于 2022-5-22 22:17:52

我怎么像小甲鱼那样可以设置多个可点击改变的body背景图！

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

[奇技淫巧] 如何快速修改背景色 & 添加背景图

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

评分