话说前阵子，我们公司那老掉牙的网站终于要更新换代。老板大手一挥，说要搞个高大上的，特别强调“电话”这块，说一定要显眼，让客户一眼就能找到！这任务就落到我头上，谁让我是公司里唯一一个懂点网页的。

接到任务后，我先是把市面上那些做得比较好的企业网站都扒拉一遍。像什么“深圳尼高”、“祥云平台”、“新鸿儒”、“028工作室”……看一圈，心里大概有个数，知道现在都流行啥样的设计。

第一步，就是确定电话放哪儿。

我琢磨着，这电话肯定不能藏着掖着，得放最显眼的地方。参考几个大公司的网站，我决定把电话放在网页顶部，和公司logo并排。这样不管客户浏览到哪个页面，都能第一时间看到联系方式。

第二步，就是设计电话的样式。

光秃秃的一个电话号码肯定不行，太丑！我找美工妹子商量一下，决定给电话号码加个醒目的图标，再配上一个简短的文字说明，比如“咨询热线”之类的。颜色嘛当然要用公司的主色调，这样才能和整个网站风格统一起来。

第三步，就是技术实现。

• 我用一些简单的代码实现这个效果。

• 先用<div> 标签把电话号码和图标包起来。

• 然后给这个 <div> 标签设置一些样式，比如字体大小、颜色、背景色等等。

• 再用一些定位的设置，把这个 <div> 标签放到网页顶部。

搞定！测试一下，完美！

最终实现：

打开我们公司的新网站，一眼就能看到那个醒目的电话号码，旁边还有个小图标，配上“24小时服务热线”几个字，简直不要太显眼！老板看之后，那是相当满意，还夸我办事效率高，哈哈！

这回的网站设计，虽然只是一个小小的电话号码，但也让我学到不少东西。做事情，就得细心，多琢磨，多参考，才能把事情做