html怎么做扁平效果

有两种方式，第一种就是通过背景图片来实现，包括圆角框和投影等。第二种就是用css3中提供的属性：

border-radius:5px 设为圆角

box-shadow: 10px 10px 25px #ccc 投影

主要是有三方面的优势：

搜索引擎友好，如果结构太深的话，不便于抓取，不利于seo蜘蛛对于网站结构的理解，从而影响收录或者排名；

代码的可维护度，如果太深的话，由于是多人开发，不便于同事读懂代码；

用js或jquery在 *** 作dom的时候，方便理解和元素选取。

以上就是html页面中最好用扁平化的原因。

metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。

---