在印象中HTML的元素都是正正方方的。但是我们可以利用CSS3的border-radius属性将元素的边框圆角化,甚至可以实现圆形的绘制,以此为基础还可以对图片进行操作,将图片圆形化。
最近项目正好有用到CSS3的background-size属性,就抽空的研究下。以前网站很少会使用到这个属性,背景图片和父元素的宽高都是固定的,主要是因为以前网站只在PC上显示所以都采用固定式布局!但是现在的网站都要考虑在多种设备(比如手机、平板)上如何较好的显示,这样就需要背景图片的尺寸能够灵活的进行改变,使用background-size属性可以在某些方面简单的处理这类问题。