前几天我看自己博客时，总觉得底部栏丑得不行，跟个破纸板似的，就想自己动手改一改。这事儿说难不难，新手也能搞定。

找点灵感先看看

我先是闲逛了几个大网站，瞧瞧人家底部怎么设计的。有些加了图标和阴影，看着就顺眼。后来发现，别整太复杂，简单点才实用。

动手搞个基本样子

我打开文本编辑器，新建了个html文件。敲基础代码，比如用div包住整个底部栏，里面放点文字链接。关键一步：写个类名，方便后面加样式。

• 先用p标签写内容，比如“版权所有”这种。
• 加个ul列表放菜单项，链接到首页啥的。
• 放个时间日期，动态显示挺酷。

加点美化的小技巧

接着就是上点颜色和形状，我打开css文件开搞。我的秘籍是：背景色选个浅灰或淡蓝，不刺眼；字体挑个圆润点的，比如普通宋体加大一点。重点：加个小边距和阴影，底部就立体起来了。

• 颜色别太花哨，新手就一两种足矣。
• 高度别弄太高，占屏幕一小块就行。
• 图标简单点，网上找免费小图放上。

测试调好直接上

弄完代码后，我刷新浏览器预览，效果还行但有点歪。简单调了调间距，又试了手机和电脑屏，确保显示正常。直接塞进自己博客代码里替换。结果：底部变得精致了，访客说看着舒服多。新手们，花个十分钟就能做出来，真不难。