使用图片设置列表项图片大小问题

来源:3-4 list-style-image

郝存杰

2018-10-10 08:57:15

http://img.mukewang.com/climg/5bbd4e0000013c6607210430.jpg


这两种具体怎么操作,老师能演示一下吗?实在是弄不明白

写回答

1回答

好帮手慕夭夭

2018-10-10

  1. 使用img标签引用图片 , 如下设置宽高 :

    http://img.mukewang.com/climg/5bbd5ece0001b8c305730247.jpg

    http://img.mukewang.com/climg/5bbd5ec0000135d111820330.jpg

  2. 使用背景图片引入图片 , 如下设置大小 :

    在不设置背景图background-size之前 , 由于图片远远大于盛放它的div.box宽高 ,所以仅仅只能显示图片的一部分

    http://img.mukewang.com/climg/5bbd5f5e000152f310400448.jpg

    所以background-size用来设置图片在div盒子显示的大小 , 如设置100% , 那么背景图会按照比例缩小 , 完全显示在盒子中 ,如下 :

    http://img.mukewang.com/climg/5bbd5fd30001233310870389.jpg

    当然背景图太小 ,可以改变div.box的宽度和高度 , 使盛放图片的盒子大一些 , 图片也会相应的大一些了:

    http://img.mukewang.com/climg/5bbd6026000180ee11880405.jpg

    自己练习一下 , 能够帮助你理解哦 , 祝学习愉快 ,望采纳


     


1

0 学习 · 36712 问题

查看课程