本文以Google圆角高光高宽自适应按钮为引子，阐述此貌似平常的按钮后面的强大技术，并提供我经过我反复试验的更加优化高效的css实现方法，并对其优点进行分析。然后进一步扩展，探讨Google在css技术应用以及网页产品开发上的思想意识，强调应该有将css扩展性重用性发挥到极致的意识。并通过将虾米网图片按钮转换为效果一致的css按钮这个实例进一步验证培养css重用性可扩展性意识的重要性。本文不仅仅是讲解如何通过高效的css实现一些貌似只有图片才能实现的效果，更重要的是要传达Google在产品设计在技术运用上所体现的一种思想，传达Google是如何将产品的扩展性预见性运用到极致的，借以希望你我都能从众领悟到一些东西，然后在前端这块领域有所作为。
本文提供技术实现代码以及demo实例页面，希望对您有所帮助。

阅读全文…