来源:达内IT教育-长沙校区
时间:2020/2/22 10:20:41
达内22大课程体系,无论你是学习开发,还是前端,或者软件测试、网络营销、UI等都可以报名学习,拥有强大的师资团队
盒子模型是网页前端常用到的工具。当你需要在两个元素之间创建分隔的时候,尽量避免使用两者的边界直接接触。
虽然Border是分隔两个元素的好办法,但是它不是的方法,使用过多会让整个布局的设计感降低,甚至会造成混乱。
所以你可以尝试下面的办法来规避:
1、使用box shadow
box shadow同样可以营造出边界感,而且更加微妙,并不会显得突兀,不会分散用户的注意力。
2、使用不同的背景色来区分
通常,相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以,你所需要做的就是在不同的区块采用不同的背景色,并且尝试删除边框,因为你根本不需要它。
3、增加额外的留白
创建元素之间的分离效果,并不一定要通过线框来表现,只要增加留白,让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。
以上就是小编讲的大致内容了,还有什么相关问题要问的,达内IT教育涵盖基本行业知识,安排的合理,专业师资,小班授课,费用低,学习快,400咨询热线24小时答疑。
版权所有:搜学搜课(www.soxsok.com)