css设置背景图片平铺方式

作者:风筝 | 创建时间: 2023-03-22
css设置背景图片平铺方式 repeat:沿水平竖直两个方向平铺,这也是默认值 no-repeat:不平铺,即只显示一次 repeat-x:只沿水平方向平铺 repeat-y:只沿竖直方向平铺...
css设置背景图片平铺方式

操作方法

新建文件创建div并为其添加背景

预览效果

背景添加repeat

预览效果和不加是一样的

背景添加repeat-x

预览效果

背景添加repeat-y

预览效果

背景添加norepeat

预览效果

附上源码 <body> <style> .box{ border:1px solid #093; width:200px; height:200px; background:url(timg.jpg) no-repeat;} </style> <div class="box"> hello word </div> </body>

点击展开全文

更多推荐