css背景图片代码

html-css016

css背景图片代码,第1张

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。

2、新建文件完成之后，写入一个div代码操作，如图所示。

3、写入div代码之后，引入一个css样式，如图代码操作所示。

4、引入样式代码之后，打开引入的css.文件，如图所示。

5、在新引入的css文件中，写入css背景图片代码即可，如图所示。

ul和li默认是没有宽度和高度的，也就是说，现在l1的大小是0*0，也就是没大小，所以背景图片不能显示。ul和li默认没有width和height，但是有margin，你可以使用background-orign或者background-clip进行设置。或者直接将ul和li的display设置为inline-block(或者block)再设置width和height就行了

要调整背景图的渲染尺寸，需要用到background-size这个样式规则，但这是CSS3新增的，所以目前暂时没有全兼容的解决方案。

哦，这个意思，那么如果你贴背景图的容器高度与背景图那几个logo一致，就采用纵向排列图片，垂直定位的方式；如果容器宽高都比logo尺寸大，那就没办法了，再嵌入一个小容器专门显示这个图标吧。