江苏龙网

  1. 主页 > 生活百科 > >

几个鲜为人知的CSS设置( 二 )

css

效果图

几个鲜为人知的CSS设置

文章插图
 
inline-flex具有 Flexbox 功能的内联元素
span{display: inline-flex; }background-repeat 设置北京填充指定图片的顺序属性值：
  • repeat: 图像平铺到整个容器内
  • round:在容器的整个宽度上均匀分布
  • space: 在图像之间添加少量填充

几个鲜为人知的CSS设置

文章插图
 
注：亲手做一下效果会更好
.repeat {background-repeat: repeat;}.round {background-repeat: round;}.space {background-repeat: space;}object-fit 属性控制被替换元素的纵横比例如img 和 viedeo 标签




推荐阅读


上一篇：菊花品种大全及图片,湖南观赏菊菊花苗品种及图片

下一篇：砂仁陈皮泡水喝功效,陈皮泡水喝有什么功效