css写背景图片(css写背景图片全屏)
导读:CSS又称为层叠样式表,可以用来美化网页的样式,其中写背景图片是一项重要的技能。background-image:url('图片路径' ;上面的代码就可以将一张图片作为背景图片显示在网页上。其中需要注意的是,路径可以是本地图片路径或者是通过...
CSS又称为层叠样式表,可以用来美化网页的样式,其中写背景图片是一项重要的技能。
background-image:url('图片路径');
上面的代码就可以将一张图片作为背景图片显示在网页上。其中需要注意的是,路径可以是本地图片路径或者是通过URL导入的路径。
除了上述方法,还可以设置图片的显示方式、重复方式和位置等等。代码如下:
background-size: cover;
/*按比例缩放背景图,使之能完全覆盖容器*/background-repeat: no-repeat;
/*方向以数学意义上的x、y轴为准,可设置repeat-x、repeat-y等*/background-position: center center;
/*可设置用百分比、像素、具体方向等*/最后,需要注意的是,如果背景色和背景图片同时设置,那么背景色优先显示。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css写背景图片(css写背景图片全屏)
本文地址: https://pptw.com/jishu/315648.html
