加林森 发表于 2022-1-6 18:00

哈哈,这个好玩。

加林森 发表于 2022-1-6 18:06

<style type="text/css">
.yR {
        margin: 4px auto;
        width: 600px;
        border: 1px solid olive;
        height: 400px;
        background-image: url('https://f.sinaimg.cn/tech/transform/412/w199h213/20210309/0a02-kmeeius1088795.gif');
        background-repeat: repeat-y;
}
</style>

<div class="yR">
<pre>

                背景图片纵向重复:

                margin: 4px auto;
                border: 1px solid olive;
                width: 600px;
                height: 400px;
                background-image: url('https://f.sinaimg.cn/tech/transform/412/w199h213/20210309/0a02-kmeeius1088795.gif');
                background-repeat: repeat-y;

</pre>
</div>

马黑黑 发表于 2022-1-6 18:08

加林森 发表于 2022-1-6 18:06
.yR {
        margin: 4px auto;
        width: 600px;


不错不错

加林森 发表于 2022-1-6 18:08

<div class="yR">
<pre>

               

                margin: 4px auto;
                border: 1px solid olive;
                width: 600px;
                height: 400px;
                background-image: url('https://f.sinaimg.cn/tech/transform/412/w199h213/20210309/0a02-kmeeius1088795.gif');
                background-repeat: repeat-y;

</pre>
</div>

加林森 发表于 2022-1-6 18:09

马黑黑 发表于 2022-1-6 18:08
不错不错

挺好用的,谢谢老黑!{:4_190:}

马黑黑 发表于 2022-1-6 18:11

加林森 发表于 2022-1-6 18:09
挺好用的,谢谢老黑!

多加练习,最好能自己写代码,这样就能巩固

加林森 发表于 2022-1-6 18:13

马黑黑 发表于 2022-1-6 18:11
多加练习,最好能自己写代码,这样就能巩固

嗯嗯,这个得慢慢学习的。

马黑黑 发表于 2022-1-6 18:20

加林森 发表于 2022-1-6 18:13
嗯嗯,这个得慢慢学习的。

不急慢慢来

加林森 发表于 2022-1-6 18:23

马黑黑 发表于 2022-1-6 18:20
不急慢慢来

嗯嗯,知道的。

小辣椒 发表于 2022-1-6 20:43

这么多的例子,我看看都花这么久时间,黑黑辛苦的{:4_187:}

马黑黑 发表于 2022-1-6 21:13

小辣椒 发表于 2022-1-6 20:43
这么多的例子,我看看都花这么久时间,黑黑辛苦的

核心的CSS代码你能理解就是高手了

加林森 发表于 2022-1-6 21:15

<style type="text/css">
.imgDiv {
        margin: 6px auto;
        width: 600px;
        height:400px;
        color: white;
        background: url('https://www.huachaowang.com/data/attachment/forum/202112/02/144007o4lmjo5lbj0s9bmb.jpg');

</style>



</pre>
</div>

加林森 发表于 2022-1-6 21:16

啊?怎么没有出来呢?

小辣椒 发表于 2022-1-6 21:32

马黑黑 发表于 2022-1-6 21:13
核心的CSS代码你能理解就是高手了

我没有的,我也是瞎蒙的,过段时间小妞考试完,我是想试试自己的东西,不知道成功不成功,那天想改小球的高度发现要计算过,我不会,最后就顶端和右面是碰到外框的,就是改不好

马黑黑 发表于 2022-1-6 21:41

小辣椒 发表于 2022-1-6 21:32
我没有的,我也是瞎蒙的,过段时间小妞考试完,我是想试试自己的东西,不知道成功不成功,那天想改小球的 ...

需要细心揣摩

红影 发表于 2022-1-6 21:44

马黑黑 发表于 2022-1-6 16:25
嗯嗯,前景色和背景色有一定的对比度是友好的

原来都要设的,以为设置一次就能全覆盖呢。

红影 发表于 2022-1-6 21:46

马黑黑 发表于 2022-1-6 17:16
还需要自己动手,修改一些设定查看效果,这样就更清楚

嗯嗯,是我自己对那几个单词的理解不够透彻{:4_173:}

马黑黑 发表于 2022-1-6 21:47

加林森 发表于 2022-1-6 21:16
啊?怎么没有出来呢?

有错误肯定不行,找找错误

加林森 发表于 2022-1-6 21:48

马黑黑 发表于 2022-1-6 21:47
有错误肯定不行,找找错误

好的好的

杨柳青 发表于 2022-1-6 22:15

路过~~
页: 1 2 [3] 4 5
查看完整版本: CSS背景演示