如图（103）所示为阿里巴巴首页的截图（本文是写作述说是所写，现在已改版），内容与左边边框、上边题目栏的距离为：15PX，离下面的距离为20PX，内容图片与左边文字的距离为：15PX，推荐题目与下面导读的距离为20PX。根基适合我讲的这些标准。如果我来设计，内容离下面边框的距离，应该和离上面边框的距离一样高为最佳。

4 题目栏上文字与题目栏边框的距离

题目栏一般由图片和文字组成，图片一般为布景，文字一般会加链接，分为题目名字，以及"更多>>"的链接，文字在题目栏上一般是上下居中对齐，题目栏名称离左边的距离一般为：15PX-20PX，"更多>>"离右边的距离一般为：15PX-20PX，当然也有破例，可是年夜部分的情况下是这样的。

整个页面上的题目栏文字离左右的距离要统一，形陈规范，才能不会杂乱无章。有一种情况也可以不一样，就是题目栏的设计完全不一样，为了排版需要，距离要设置成不一样。

5 页面与顶部、底部、左右的距离

A 与顶部距离：可以为零，也可以为5PX，都可以，本述说认为不要有距离最好，最高不逾越5PX。

B 与左右的距离：虽然现在的电脑都是宽屏，尤其是新配的电脑，可是我们设计网页仍是要以1024辩白率为主，页面宽度最多可以到1002，即左右宽度为10PX，这样可以没有转动条。我认为页面使用995PX最适合，左右留13PX左右的距离。对逾越1024辩白率的宽屏显示器，左右双方的距离是随显示器宽度而转变的。

C 与底部的距离：底部文字与页面底部的距离在18PX-30PX之间比较公道，太高了，太粗糙，太低了影响阅读，本研究述说认为，18PX是最适合的，正好是文章的标准行距，可以取得最好的阅读体验。

本章节就讲到这里，虽然很简单，可是细节很重要；虽然是手艺知识，可是你无需懂手艺，就可以看的明白，就可以指导手艺依照本文的要求设计制作B2B行业网站。

本文原创作者：李学江，欢迎交换指导咨询。