CSS布局与背景贴合小技巧

很多时候仅仅使用CSS无法做到美工设计的效果,为了能较大还原类似光晕等边框布局,我们一般采用背景图框定页面布局,在框内再进行许多组件或控件的布置。
比如背景图:
背景图
此时为了让组件正好的放入框内,也是为了方便进行小组件之间的调整,避免过多地使用margin或padding等属性,这里有一个小技巧:
设置一个大画布,让其恰好的贴合框框的四周,再在里面使用el-row和el-col等,使用margin设置成和边框边界等宽的大小,此时就相当于画布和背景图的边框是等大的了。

发布了23 篇原创文章 · 获赞 0 · 访问量 370

猜你喜欢

转载自blog.csdn.net/zhao_66/article/details/103894757
今日推荐