Rumah > hujung hadapan web > html tutorial > CSS如何设置背景图片水平重复和垂直重复_html/css_WEB-ITnose

CSS如何设置背景图片水平重复和垂直重复_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:37:31
asal
3156 orang telah melayarinya

CSS如何设置背景图片水平重复和垂直重复:

设置背景图片的水平平铺或者垂直平铺非常的简单,使用两端代码就可以了,代码如下:

background:url("photo.gif") repeat-y;
Salin selepas log masuk

以上代码可以让背景图片在垂直方向上平铺。

background:url("photo.gif") repeat-x;
Salin selepas log masuk

以上代码可以让背景图片在水平方向上平铺。

非常的简单,具体可以参阅以下两篇文章:

1.background-repeat属性可以参阅CSS的background-repeat属性一章节。

2.background属性可以参阅CSS的background属性一章节。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0606/3426.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9657

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan