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

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

本帖最后由 不二如是 于 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帖子，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_278:} ）

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

这么点内容正好适合我理解{:5_92:}

不二如是 发表于 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
新手过来抚摸楼主

谢谢抚摸～

送一块小皂皂给你{:10_273:}

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


新手过来抚摸楼主{:10_256:}{:10_256:}

隨鈊乄鎍慾 发表于 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背景图！
页: [1]
查看完整版本: 如何快速修改背景色 & 添加背景图