有的网站页面中如果加入好看的背景图片是更能够引人注目的,可是我们该怎么进行网页背景图片设置呢?而且通常会被要求html背景图片平铺的展现效果。这对于稍懂一些html/css知识的朋友来说应该并不是难事。那么本篇文章主要针对新手朋友们,来详细介绍html背景图的添加使用方法。可供大家参考。
一、html背景图横向平铺代码示例:
body{
font-size:12px;
font-family:"宋体";
background-image:url(2.png);
background-repeat:repeat-x;
COLOR: #0C2B30;
}
效果如下图:
二、html背景图纵向平铺代码示例:body{
font-size:12px;
font-family:"宋体";
background-image:url(2.png);
background-repeat:repeat-x;
COLOR: #0C2B30;
}
效果如下图:
三、html图片全屏代码示例:html,body{
width: 100%;
height: 100%;
}
.mui-content{
background: url(2.png) bottom center no-repeat #efeff4 ;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
效果如下图:
那么以上给大家总结了关于怎么让html设置背景图片、html背景平铺等相关知识。希望对有需要的朋友有所帮助。
注:
background 简写属性在一个声明中设置所有的背景属性。
background-size 属性规定背景图像的尺寸。
background-repeat 属性设置是否及如何重复背景图像。默认的背景图像在水平和垂直方向上重复。
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。