width:700px
height:100px
border:1px
solid
red
/*你把border的值设置为0
就是没有边框(默认也是没有边框的)
solid
边框的线是实线;
red
是边框的颜色*/
}
你把css中的border的值设置为0px
就是没有边框(默认也是没有边框的)
solid
边框的线是实线;
red
是边框的颜色
object-fit和object-position 这两个CSS属性。他们使开发人员可以操作img或video中的内容,类似于我们可以用background-position和background-size操作背景内容一样。
该属性定义一个元素,如img,如何适应容器的宽度和高度。我们可以用object-fit告诉内容以各种方式填充容器,如“保存该长宽比!” 或“向上伸展,尽可能多的占用空间!”
.cover { object-fit: cover}
平常时候看不出来不同
当我们调整浏览器的大小时,就会改变图像的宽高比例,也就是会产生各种各样奇怪的现象。此时应对所需
object-position 的详细文档可参考
https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-position