css中repeat-x与repeat-y什么意思。结合例子说明一下

#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}
repeat-x是横向铺满,就是在#header .nav-box中,图片nav-box-bg.gif会横向重复,直到铺满;
repeat-y是纵向,就这么回事,如果不想重复,no-repeat.

css中repeat-x与repeat-y什么意思。结合例子说明一下

时间: 2024-10-05 06:21:43

css中repeat-x与repeat-y什么意思。结合例子说明一下的相关文章

关于CSS中background样式的repeat和no-repeat的坐标问题

背景图片我画了一个200px*200px的方格.记为test.jpg 其实是思考贴上的背景小图,与div边框之间的数据关系.从哪里开始贴的,横做坐标表示在哪个点. 例如  no-repeat -50px -50px.就说明是从框外(左右方向-50,上下-50)开始贴的. HTML中选用的是高250px,宽500px的边框2px的长方形 1.未带repeat和no-repeat也无横纵坐标 HTML:代码 background:url(test.jpg) "> 结果: 2.仅有repeat-

openresty开发系列16--lua中的控制结构if-else/repeat/for/while

openresty开发系列16--lua中的控制结构if-else/repeat/for/while 一)条件 - 控制结构 if-else if-else 是我们熟知的一种控制结构.Lua 跟其他语言一样,提供了 if-else 的控制结构. 1)单个 if 分支 型 if 条件 then --body end 条件为真 ,执行if中的body ----------------------- x = 10 if x > 0 then print("分支一") end ----

CSS中对图片(background)的一些设置心得总结

写网页的时候很多情况需要对图片进行操作,如何在不进行专业的美工裁切操作的情况下而让自己的素材度达到最大的满意度呢,这是一个问题,对于懒得开ps切图的我,通常会直接在网络上download一张图片,直接拖到html里,这就需要对图片的css样式进行一些调整,鉴于我总是记不住一些样式属性而无法让图片按我的想法摆放,不得已每次都要百度一下,几次下来,让我很是恼火,于是专门整理了一些css中关于图片的一些属性设置,置于此,以供下次望及时查看(废话真多): css2中关于background的属性有: b

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*

css中background背景属性概述

background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/ background:url(背景图片路径)

CSS中的剪裁和遮罩

剪裁和遮罩都是用来隐藏元素的一些部分.显示其他部分的.当然了,这两者还是有区别的.区别主要在于这几方面:他们能做的东西,不同的语法,涉及到的不同技术,是新的还是旧的,以及浏览器支持的差异. 但不幸的是总是有相当多的过时信息在那儿,所以一起来看看能否解决这个问题. 剪裁和遮罩之间的区别 遮罩使用的是图像,剪裁使用的是路径. 想象一张从左到右.从黑到白渐变的正方形图像,它可以是一个遮罩.对于应用了这个渐变遮罩图像的元素,它在遮罩图像的黑色部分是透明(透视)的,而在遮罩图像的白色的部分是不透明(正常)

css中的段落样式及背景

一.段落样式 css中关于段落的样式主要有行高,缩进,段落对齐,文字间距,文字溢出,段落换行等.它们的具体语法如下: line-height : normal | length text-indent : length text-align : left | right | center | justify letter-spacing : normal | length text-overflow:clip | ellipsis word-wrap:normal | break-word 其中

有关css中position其中的语法以及结论

position是 CSS属性指定的元素如何定位一个文件内top,right,bottom,和left属性确定定位元素的最终位置. 形式语法:静态的| 亲戚| 绝对的 |粘性| 固定 静态:元素根据文档的正常流程定位.的top,right,bottom,left,和z-index性能有任何影响.这是默认值. 亲戚:该元件根据文档的正常流动定位,然后偏移相对于它本身的基础上的值top,right,bottom,和left.偏移量不会影响任何其他元素的位置; 因此,页面布局中为元素给出的空间与位置相

CSS中如何使用背景样式属性,看这篇文章就够用了

原文:CSS中如何使用背景样式属性,看这篇文章就够用了 css背景样式属性介绍# 背景样式就是自定义HTML标签的背景颜色或背景图像. 背景属性说明表 属性名 属性值 描述 background-color #f00.red.rgb(255,0,0) 设置背景颜色. background-image url(背景图片路径) 设置背景图像. background-repeat repeat.repeat-x.repeat-y.no-repeat 设置背景图片是否平铺和平铺方向. backgroun

css中zoom:1以及z-index的作用

一.CSS中zoom:1的作用在做IE6.IE7.IE8浏览器兼容的时候,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:1.触发IE浏览器的haslayout2.解决IE下的浮动,margin重叠等一些问题. 二.z-index:auto|number; ◆auto遵从其父对象的定位 ◆number无单位的整数值.可为负数CSS样式,把z-index设置为999或很大,是什么意思?z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表